From e6cf4d9c42b0b87e228aa7b36e055cee479c9b60 Mon Sep 17 00:00:00 2001 From: Tyh2001 Date: Wed, 12 Jun 2024 03:29:00 +0000 Subject: [PATCH] deploy: dbd4b95ae5c9d7e79a884969c6786bdaf213fb08 --- 404.html | 10 +- README.html | 16 +- ...E.md.830eab90.js => README.md.23acfb74.js} | 2 +- ...b90.lean.js => README.md.23acfb74.lean.js} | 2 +- assets/{app.bab419e5.js => app.53cb7a9a.js} | 4 +- .../{theme.f83571e3.js => theme.0b48201a.js} | 4 +- ...d16.js => components_alert.md.b1ca0a8f.js} | 8 +- ...s => components_alert.md.b1ca0a8f.lean.js} | 8 +- ...=> components_avatar-group.md.2ab9fd6c.js} | 2 +- ...mponents_avatar-group.md.2ab9fd6c.lean.js} | 2 +- ...e7.js => components_avatar.md.2b67e45d.js} | 16 +- ... => components_avatar.md.2b67e45d.lean.js} | 16 +- assets/components_back-top.md.2672a274.js | 45 ++++ .../components_back-top.md.2672a274.lean.js | 45 ++++ assets/components_back-top.md.e978687d.js | 45 ---- .../components_back-top.md.e978687d.lean.js | 45 ---- ...e24.js => components_badge.md.16e30b8f.js} | 4 +- ...s => components_badge.md.16e30b8f.lean.js} | 4 +- ...e16c6.js => components_box.md.f471bbf0.js} | 2 +- ....js => components_box.md.f471bbf0.lean.js} | 2 +- ...s => components_breadcrumb.md.624ba60c.js} | 2 +- ...components_breadcrumb.md.624ba60c.lean.js} | 2 +- assets/components_button.md.752c54ab.js | 96 -------- assets/components_button.md.752c54ab.lean.js | 96 -------- assets/components_button.md.f4e71595.js | 96 ++++++++ assets/components_button.md.f4e71595.lean.js | 96 ++++++++ ....js => components_calendar.md.3df30ece.js} | 2 +- ...> components_calendar.md.3df30ece.lean.js} | 2 +- assets/components_card.md.90f43f34.js | 10 - assets/components_card.md.c38f75fb.js | 10 + ...js => components_card.md.c38f75fb.lean.js} | 20 +- ....js => components_checkbox.md.1487b2f0.js} | 2 +- ...> components_checkbox.md.1487b2f0.lean.js} | 2 +- ...js => components_close-btn.md.b7d0ed0d.js} | 2 +- ... components_close-btn.md.b7d0ed0d.lean.js} | 2 +- ...ponents_collapse-animation.md.47c01fed.js} | 2 +- ...ts_collapse-animation.md.47c01fed.lean.js} | 2 +- ...fcd.js => components_color.md.eabd9a56.js} | 2 +- ...s => components_color.md.eabd9a56.lean.js} | 2 +- ... => components_confirm-box.md.73e61a9a.js} | 2 +- ...omponents_confirm-box.md.73e61a9a.lean.js} | 2 +- ...s => components_count-down.md.d79d2d4f.js} | 2 +- ...components_count-down.md.d79d2d4f.lean.js} | 2 +- ... => components_date-picker.md.54d36d25.js} | 2 +- ...omponents_date-picker.md.54d36d25.lean.js} | 2 +- ...f1.js => components_dialog.md.daecd723.js} | 2 +- ... => components_dialog.md.daecd723.lean.js} | 2 +- ...5.js => components_divider.md.9e03be1f.js} | 2 +- ...=> components_divider.md.9e03be1f.lean.js} | 2 +- ...d4.js => components_drawer.md.a21d2377.js} | 2 +- ... => components_drawer.md.a21d2377.lean.js} | 2 +- ....js => components_dropdown.md.03796c30.js} | 2 +- ...> components_dropdown.md.03796c30.lean.js} | 2 +- ...fcf.js => components_empty.md.dcecc2ad.js} | 4 +- ...s => components_empty.md.dcecc2ad.lean.js} | 4 +- ... => components_expand-card.md.ec769ad3.js} | 2 +- ...omponents_expand-card.md.ec769ad3.lean.js} | 2 +- ...components_fighting-global.md.eef4fc40.js} | 2 +- ...nents_fighting-global.md.eef4fc40.lean.js} | 2 +- ...7313.js => components_form.md.3237fbaa.js} | 2 +- ...js => components_form.md.3237fbaa.lean.js} | 2 +- ...> components_image-preview.md.a788ee15.js} | 2 +- ...ponents_image-preview.md.a788ee15.lean.js} | 2 +- ...ee9.js => components_image.md.6b3cd0b9.js} | 2 +- ...s => components_image.md.6b3cd0b9.lean.js} | 2 +- ...ponents_infinite-scrolling.md.42432997.js} | 2 +- ...ts_infinite-scrolling.md.42432997.lean.js} | 2 +- ...=> components_input-number.md.8691e9b1.js} | 14 +- ...mponents_input-number.md.8691e9b1.lean.js} | 14 +- ...64c.js => components_input.md.a35bebbf.js} | 2 +- ...s => components_input.md.a35bebbf.lean.js} | 2 +- ...js => components_interface.md.5616f2ab.js} | 2 +- ... components_interface.md.5616f2ab.lean.js} | 2 +- ...a5.js => components_layout.md.e44381ad.js} | 28 +-- ... => components_layout.md.e44381ad.lean.js} | 4 +- ...69ae.js => components_link.md.16de7d0c.js} | 12 +- ...js => components_link.md.16de7d0c.lean.js} | 12 +- ...9b3e.js => components_list.md.aa829b72.js} | 2 +- ...js => components_list.md.aa829b72.lean.js} | 2 +- ...7.js => components_loading.md.e344dcbe.js} | 2 +- ...=> components_loading.md.e344dcbe.lean.js} | 2 +- ...15cd.js => components_menu.md.467f40e3.js} | 2 +- ...js => components_menu.md.467f40e3.lean.js} | 2 +- ...a.js => components_message.md.f9f53e82.js} | 2 +- ...=> components_message.md.f9f53e82.lean.js} | 2 +- ...=> components_notification.md.8e301abf.js} | 2 +- ...mponents_notification.md.8e301abf.lean.js} | 2 +- ... components_number-animate.md.05e9fa42.js} | 2 +- ...onents_number-animate.md.05e9fa42.lean.js} | 2 +- ... => components_page-header.md.ebc7027a.js} | 2 +- ...omponents_page-header.md.ebc7027a.lean.js} | 2 +- ...s => components_pagination.md.aeb8824c.js} | 2 +- ...components_pagination.md.aeb8824c.lean.js} | 2 +- ....js => components_progress.md.58762822.js} | 4 +- ...> components_progress.md.58762822.lean.js} | 4 +- ...457.js => components_radio.md.d4d7365f.js} | 2 +- ...s => components_radio.md.d4d7365f.lean.js} | 2 +- ...4676.js => components_rate.md.ef003588.js} | 2 +- ...js => components_rate.md.ef003588.lean.js} | 2 +- ...e5.js => components_ripple.md.1b03eb4a.js} | 184 +++++++-------- ... => components_ripple.md.1b03eb4a.lean.js} | 184 +++++++-------- ...a5.js => components_select.md.831f04f4.js} | 2 +- ... => components_select.md.831f04f4.lean.js} | 2 +- ....js => components_skeleton.md.2d511319.js} | 2 +- ...> components_skeleton.md.2d511319.lean.js} | 2 +- ...f1.js => components_slider.md.8a197b81.js} | 2 +- ... => components_slider.md.8a197b81.lean.js} | 2 +- ...fce.js => components_space.md.b34c90c8.js} | 2 +- ...s => components_space.md.b34c90c8.lean.js} | 2 +- ... => components_sticky-card.md.74409bd6.js} | 2 +- ...omponents_sticky-card.md.74409bd6.lean.js} | 2 +- ....js => components_svg-icon.md.c5c9a474.js} | 2 +- ...> components_svg-icon.md.c5c9a474.lean.js} | 2 +- ...4cd1.js => components_swap.md.5e8164fe.js} | 4 +- ...js => components_swap.md.5e8164fe.lean.js} | 4 +- ...ec.js => components_switch.md.3158bff3.js} | 18 +- ... => components_switch.md.3158bff3.lean.js} | 18 +- ...605.js => components_table.md.ae7e3be6.js} | 2 +- ...s => components_table.md.ae7e3be6.lean.js} | 2 +- ...76f3.js => components_tabs.md.8fd8332b.js} | 2 +- ...js => components_tabs.md.8fd8332b.lean.js} | 2 +- ...da1ef.js => components_tag.md.6a862c30.js} | 10 +- ....js => components_tag.md.6a862c30.lean.js} | 10 +- ...1cdd.js => components_text.md.593ef0b4.js} | 6 +- ...js => components_text.md.593ef0b4.lean.js} | 6 +- ....js => components_textarea.md.fc27db7e.js} | 2 +- ...> components_textarea.md.fc27db7e.lean.js} | 2 +- ... => components_time-picker.md.4c5af656.js} | 2 +- ...omponents_time-picker.md.4c5af656.lean.js} | 2 +- ...d.js => components_toolbar.md.794f9bf2.js} | 18 +- ...=> components_toolbar.md.794f9bf2.lean.js} | 18 +- ...a.js => components_tooltip.md.d7709c51.js} | 18 +- ...=> components_tooltip.md.d7709c51.lean.js} | 8 +- ...5ffa.js => components_tree.md.3e363660.js} | 2 +- ...js => components_tree.md.3e363660.lean.js} | 2 +- ...5.js => components_trigger.md.1a57a509.js} | 2 +- ...=> components_trigger.md.1a57a509.lean.js} | 2 +- ...b.js => components_up-load.md.2f89c857.js} | 2 +- ...=> components_up-load.md.2f89c857.lean.js} | 2 +- ...js => components_watermark.md.56392a3a.js} | 6 +- ... components_watermark.md.56392a3a.lean.js} | 6 +- assets/docs_changelog.md.0b6faf22.js | 1 - assets/docs_changelog.md.936f0016.js | 1 + ....js => docs_changelog.md.936f0016.lean.js} | 2 +- ...c4.js => docs_contributing.md.36677c1a.js} | 2 +- ... => docs_contributing.md.36677c1a.lean.js} | 2 +- ...81b84cb9.js => docs_import.md.e5145cc1.js} | 2 +- ...ean.js => docs_import.md.e5145cc1.lean.js} | 2 +- ...f8ef053.js => docs_install.md.130761c7.js} | 2 +- ...an.js => docs_install.md.130761c7.lean.js} | 2 +- ...79acf.js => docs_introduce.md.79b3e6c0.js} | 2 +- ....js => docs_introduce.md.79b3e6c0.lean.js} | 2 +- ...d.3cf64b81.js => docs_join.md.db505104.js} | 2 +- ....lean.js => docs_join.md.db505104.lean.js} | 2 +- ...23fb7b.js => docs_milepost.md.c875c3b6.js} | 2 +- ...n.js => docs_milepost.md.c875c3b6.lean.js} | 2 +- ....b760f916.lean.js => index.md.1bb02eab.js} | 2 +- ....b760f916.js => index.md.1bb02eab.lean.js} | 2 +- ...{style.b964435d.css => style.7e23e57b.css} | 2 +- ...c3a5824a.js => theme_start.md.f8ad2e0d.js} | 2 +- ...ean.js => theme_start.md.f8ad2e0d.lean.js} | 2 +- components/alert.html | 110 ++++----- components/avatar-group.html | 16 +- components/avatar.html | 82 +++---- components/back-top.html | 76 +++--- components/badge.html | 160 ++++++------- components/box.html | 14 +- components/breadcrumb.html | 16 +- components/button.html | 204 ++++++++-------- components/calendar.html | 22 +- components/card.html | 32 +-- components/checkbox.html | 16 +- components/close-btn.html | 16 +- components/collapse-animation.html | 16 +- components/color.html | 14 +- components/confirm-box.html | 16 +- components/count-down.html | 16 +- components/date-picker.html | 18 +- components/dialog.html | 16 +- components/divider.html | 16 +- components/drawer.html | 16 +- components/dropdown.html | 16 +- components/empty.html | 24 +- components/expand-card.html | 16 +- components/fighting-global.html | 16 +- components/form.html | 16 +- components/image-preview.html | 16 +- components/image.html | 16 +- components/infinite-scrolling.html | 16 +- components/input-number.html | 74 +++--- components/input.html | 16 +- components/interface.html | 16 +- components/layout.html | 220 +++++++++--------- components/link.html | 44 ++-- components/list.html | 16 +- components/loading.html | 16 +- components/menu.html | 16 +- components/message.html | 16 +- components/notification.html | 16 +- components/number-animate.html | 16 +- components/page-header.html | 16 +- components/pagination.html | 16 +- components/progress.html | 140 +++++------ components/radio.html | 16 +- components/rate.html | 16 +- components/ripple.html | 196 ++++++++-------- components/select.html | 16 +- components/skeleton.html | 16 +- components/slider.html | 16 +- components/space.html | 16 +- components/sticky-card.html | 16 +- components/svg-icon.html | 16 +- components/swap.html | 128 +++++----- components/switch.html | 162 ++++++------- components/table.html | 16 +- components/tabs.html | 16 +- components/tag.html | 62 ++--- components/text.html | 68 +++--- components/textarea.html | 16 +- components/time-picker.html | 18 +- components/toolbar.html | 114 ++++----- components/tooltip.html | 84 +++---- components/tree.html | 18 +- components/trigger.html | 16 +- components/up-load.html | 16 +- components/watermark.html | 90 +++---- docs/changelog.html | 14 +- docs/contributing.html | 16 +- docs/import.html | 16 +- docs/install.html | 14 +- docs/introduce.html | 14 +- docs/join.html | 14 +- docs/milepost.html | 14 +- hashmap.json | 2 +- index.html | 14 +- theme/start.html | 14 +- 236 files changed, 2242 insertions(+), 2242 deletions(-) rename assets/{README.md.830eab90.js => README.md.23acfb74.js} (99%) rename assets/{README.md.830eab90.lean.js => README.md.23acfb74.lean.js} (83%) rename assets/{app.bab419e5.js => app.53cb7a9a.js} (54%) rename assets/chunks/{theme.f83571e3.js => theme.0b48201a.js} (94%) rename assets/{components_alert.md.10395d16.js => components_alert.md.b1ca0a8f.js} (81%) rename assets/{components_alert.md.10395d16.lean.js => components_alert.md.b1ca0a8f.lean.js} (81%) rename assets/{components_avatar-group.md.3d3ea048.js => components_avatar-group.md.2ab9fd6c.js} (99%) rename assets/{components_avatar-group.md.3d3ea048.lean.js => components_avatar-group.md.2ab9fd6c.lean.js} (99%) rename assets/{components_avatar.md.7becb0e7.js => components_avatar.md.2b67e45d.js} (65%) rename assets/{components_avatar.md.7becb0e7.lean.js => components_avatar.md.2b67e45d.lean.js} (65%) create mode 100644 assets/components_back-top.md.2672a274.js create mode 100644 assets/components_back-top.md.2672a274.lean.js delete mode 100644 assets/components_back-top.md.e978687d.js delete mode 100644 assets/components_back-top.md.e978687d.lean.js rename assets/{components_badge.md.b7bd3e24.js => components_badge.md.16e30b8f.js} (85%) rename assets/{components_badge.md.b7bd3e24.lean.js => components_badge.md.16e30b8f.lean.js} (85%) rename assets/{components_box.md.3a1e16c6.js => components_box.md.f471bbf0.js} (98%) rename assets/{components_box.md.3a1e16c6.lean.js => components_box.md.f471bbf0.lean.js} (97%) rename assets/{components_breadcrumb.md.412c0fc7.lean.js => components_breadcrumb.md.624ba60c.js} (99%) rename assets/{components_breadcrumb.md.412c0fc7.js => components_breadcrumb.md.624ba60c.lean.js} (99%) delete mode 100644 assets/components_button.md.752c54ab.js delete mode 100644 assets/components_button.md.752c54ab.lean.js create mode 100644 assets/components_button.md.f4e71595.js create mode 100644 assets/components_button.md.f4e71595.lean.js rename assets/{components_calendar.md.20e00197.js => components_calendar.md.3df30ece.js} (99%) rename assets/{components_calendar.md.20e00197.lean.js => components_calendar.md.3df30ece.lean.js} (99%) delete mode 100644 assets/components_card.md.90f43f34.js create mode 100644 assets/components_card.md.c38f75fb.js rename assets/{components_card.md.90f43f34.lean.js => components_card.md.c38f75fb.lean.js} (66%) rename assets/{components_checkbox.md.a217df68.js => components_checkbox.md.1487b2f0.js} (99%) rename assets/{components_checkbox.md.a217df68.lean.js => components_checkbox.md.1487b2f0.lean.js} (99%) rename assets/{components_close-btn.md.4c0ec5d9.js => components_close-btn.md.b7d0ed0d.js} (99%) rename assets/{components_close-btn.md.4c0ec5d9.lean.js => components_close-btn.md.b7d0ed0d.lean.js} (99%) rename assets/{components_collapse-animation.md.083f7c4c.js => components_collapse-animation.md.47c01fed.js} (99%) rename assets/{components_collapse-animation.md.083f7c4c.lean.js => components_collapse-animation.md.47c01fed.lean.js} (99%) rename assets/{components_color.md.ed567fcd.js => components_color.md.eabd9a56.js} (97%) rename assets/{components_color.md.ed567fcd.lean.js => components_color.md.eabd9a56.lean.js} (97%) rename assets/{components_confirm-box.md.74e35b64.js => components_confirm-box.md.73e61a9a.js} (99%) rename assets/{components_confirm-box.md.74e35b64.lean.js => components_confirm-box.md.73e61a9a.lean.js} (99%) rename assets/{components_count-down.md.5a052b72.js => components_count-down.md.d79d2d4f.js} (99%) rename assets/{components_count-down.md.5a052b72.lean.js => components_count-down.md.d79d2d4f.lean.js} (99%) rename assets/{components_date-picker.md.13ec33f4.js => components_date-picker.md.54d36d25.js} (99%) rename assets/{components_date-picker.md.13ec33f4.lean.js => components_date-picker.md.54d36d25.lean.js} (99%) rename assets/{components_dialog.md.c4de58f1.js => components_dialog.md.daecd723.js} (99%) rename assets/{components_dialog.md.c4de58f1.lean.js => components_dialog.md.daecd723.lean.js} (99%) rename assets/{components_divider.md.8c68f6c5.js => components_divider.md.9e03be1f.js} (99%) rename assets/{components_divider.md.8c68f6c5.lean.js => components_divider.md.9e03be1f.lean.js} (99%) rename assets/{components_drawer.md.302a62d4.js => components_drawer.md.a21d2377.js} (99%) rename assets/{components_drawer.md.302a62d4.lean.js => components_drawer.md.a21d2377.lean.js} (99%) rename assets/{components_dropdown.md.806270ee.lean.js => components_dropdown.md.03796c30.js} (99%) rename assets/{components_dropdown.md.806270ee.js => components_dropdown.md.03796c30.lean.js} (99%) rename assets/{components_empty.md.1a690fcf.js => components_empty.md.dcecc2ad.js} (53%) rename assets/{components_empty.md.1a690fcf.lean.js => components_empty.md.dcecc2ad.lean.js} (80%) rename assets/{components_expand-card.md.32af438b.js => components_expand-card.md.ec769ad3.js} (99%) rename assets/{components_expand-card.md.32af438b.lean.js => components_expand-card.md.ec769ad3.lean.js} (99%) rename assets/{components_fighting-global.md.7059bfff.js => components_fighting-global.md.eef4fc40.js} (99%) rename assets/{components_fighting-global.md.7059bfff.lean.js => components_fighting-global.md.eef4fc40.lean.js} (99%) rename assets/{components_form.md.ae737313.js => components_form.md.3237fbaa.js} (99%) rename assets/{components_form.md.ae737313.lean.js => components_form.md.3237fbaa.lean.js} (99%) rename assets/{components_image-preview.md.22dabf13.js => components_image-preview.md.a788ee15.js} (99%) rename assets/{components_image-preview.md.22dabf13.lean.js => components_image-preview.md.a788ee15.lean.js} (99%) rename assets/{components_image.md.ab713ee9.js => components_image.md.6b3cd0b9.js} (99%) rename assets/{components_image.md.ab713ee9.lean.js => components_image.md.6b3cd0b9.lean.js} (99%) rename assets/{components_infinite-scrolling.md.c8a8a626.js => components_infinite-scrolling.md.42432997.js} (99%) rename assets/{components_infinite-scrolling.md.c8a8a626.lean.js => components_infinite-scrolling.md.42432997.lean.js} (99%) rename assets/{components_input-number.md.7a142e5f.js => components_input-number.md.8691e9b1.js} (55%) rename assets/{components_input-number.md.7a142e5f.lean.js => components_input-number.md.8691e9b1.lean.js} (55%) rename assets/{components_input.md.1691e64c.js => components_input.md.a35bebbf.js} (99%) rename assets/{components_input.md.1691e64c.lean.js => components_input.md.a35bebbf.lean.js} (99%) rename assets/{components_interface.md.2676664d.js => components_interface.md.5616f2ab.js} (99%) rename assets/{components_interface.md.2676664d.lean.js => components_interface.md.5616f2ab.lean.js} (85%) rename assets/{components_layout.md.a23a75a5.js => components_layout.md.e44381ad.js} (65%) rename assets/{components_layout.md.a23a75a5.lean.js => components_layout.md.e44381ad.lean.js} (88%) rename assets/{components_link.md.25e169ae.js => components_link.md.16de7d0c.js} (65%) rename assets/{components_link.md.25e169ae.lean.js => components_link.md.16de7d0c.lean.js} (86%) rename assets/{components_list.md.06129b3e.js => components_list.md.aa829b72.js} (99%) rename assets/{components_list.md.06129b3e.lean.js => components_list.md.aa829b72.lean.js} (99%) rename assets/{components_loading.md.8133a287.js => components_loading.md.e344dcbe.js} (99%) rename assets/{components_loading.md.8133a287.lean.js => components_loading.md.e344dcbe.lean.js} (99%) rename assets/{components_menu.md.7dc515cd.js => components_menu.md.467f40e3.js} (99%) rename assets/{components_menu.md.7dc515cd.lean.js => components_menu.md.467f40e3.lean.js} (99%) rename assets/{components_message.md.65d0723a.js => components_message.md.f9f53e82.js} (99%) rename assets/{components_message.md.65d0723a.lean.js => components_message.md.f9f53e82.lean.js} (99%) rename assets/{components_notification.md.07549fc2.js => components_notification.md.8e301abf.js} (99%) rename assets/{components_notification.md.07549fc2.lean.js => components_notification.md.8e301abf.lean.js} (99%) rename assets/{components_number-animate.md.25f3e5ba.js => components_number-animate.md.05e9fa42.js} (99%) rename assets/{components_number-animate.md.25f3e5ba.lean.js => components_number-animate.md.05e9fa42.lean.js} (99%) rename assets/{components_page-header.md.58bd586c.js => components_page-header.md.ebc7027a.js} (99%) rename assets/{components_page-header.md.58bd586c.lean.js => components_page-header.md.ebc7027a.lean.js} (99%) rename assets/{components_pagination.md.01e1a7b6.js => components_pagination.md.aeb8824c.js} (99%) rename assets/{components_pagination.md.01e1a7b6.lean.js => components_pagination.md.aeb8824c.lean.js} (99%) rename assets/{components_progress.md.dc94219c.js => components_progress.md.58762822.js} (86%) rename assets/{components_progress.md.dc94219c.lean.js => components_progress.md.58762822.lean.js} (86%) rename assets/{components_radio.md.4b896457.js => components_radio.md.d4d7365f.js} (99%) rename assets/{components_radio.md.4b896457.lean.js => components_radio.md.d4d7365f.lean.js} (99%) rename assets/{components_rate.md.ad224676.js => components_rate.md.ef003588.js} (99%) rename assets/{components_rate.md.ad224676.lean.js => components_rate.md.ef003588.lean.js} (99%) rename assets/{components_ripple.md.3e4a60e5.js => components_ripple.md.1b03eb4a.js} (68%) rename assets/{components_ripple.md.3e4a60e5.lean.js => components_ripple.md.1b03eb4a.lean.js} (68%) rename assets/{components_select.md.26ada0a5.js => components_select.md.831f04f4.js} (99%) rename assets/{components_select.md.26ada0a5.lean.js => components_select.md.831f04f4.lean.js} (99%) rename assets/{components_skeleton.md.62318302.js => components_skeleton.md.2d511319.js} (99%) rename assets/{components_skeleton.md.62318302.lean.js => components_skeleton.md.2d511319.lean.js} (99%) rename assets/{components_slider.md.82429ff1.js => components_slider.md.8a197b81.js} (99%) rename assets/{components_slider.md.82429ff1.lean.js => components_slider.md.8a197b81.lean.js} (99%) rename assets/{components_space.md.04262fce.js => components_space.md.b34c90c8.js} (99%) rename assets/{components_space.md.04262fce.lean.js => components_space.md.b34c90c8.lean.js} (99%) rename assets/{components_sticky-card.md.cd01ed45.js => components_sticky-card.md.74409bd6.js} (99%) rename assets/{components_sticky-card.md.cd01ed45.lean.js => components_sticky-card.md.74409bd6.lean.js} (99%) rename assets/{components_svg-icon.md.d928b73a.lean.js => components_svg-icon.md.c5c9a474.js} (99%) rename assets/{components_svg-icon.md.d928b73a.js => components_svg-icon.md.c5c9a474.lean.js} (99%) rename assets/{components_swap.md.e5914cd1.js => components_swap.md.5e8164fe.js} (71%) rename assets/{components_swap.md.e5914cd1.lean.js => components_swap.md.5e8164fe.lean.js} (71%) rename assets/{components_switch.md.827c71ec.js => components_switch.md.3158bff3.js} (76%) rename assets/{components_switch.md.827c71ec.lean.js => components_switch.md.3158bff3.lean.js} (76%) rename assets/{components_table.md.b6cc6605.js => components_table.md.ae7e3be6.js} (99%) rename assets/{components_table.md.b6cc6605.lean.js => components_table.md.ae7e3be6.lean.js} (99%) rename assets/{components_tabs.md.004e76f3.js => components_tabs.md.8fd8332b.js} (99%) rename assets/{components_tabs.md.004e76f3.lean.js => components_tabs.md.8fd8332b.lean.js} (99%) rename assets/{components_tag.md.d9eda1ef.js => components_tag.md.6a862c30.js} (76%) rename assets/{components_tag.md.d9eda1ef.lean.js => components_tag.md.6a862c30.lean.js} (95%) rename assets/{components_text.md.933e1cdd.js => components_text.md.593ef0b4.js} (77%) rename assets/{components_text.md.933e1cdd.lean.js => components_text.md.593ef0b4.lean.js} (95%) rename assets/{components_textarea.md.40a676ba.js => components_textarea.md.fc27db7e.js} (99%) rename assets/{components_textarea.md.40a676ba.lean.js => components_textarea.md.fc27db7e.lean.js} (99%) rename assets/{components_time-picker.md.69479725.js => components_time-picker.md.4c5af656.js} (99%) rename assets/{components_time-picker.md.69479725.lean.js => components_time-picker.md.4c5af656.lean.js} (99%) rename assets/{components_toolbar.md.5d4b742d.js => components_toolbar.md.794f9bf2.js} (63%) rename assets/{components_toolbar.md.5d4b742d.lean.js => components_toolbar.md.794f9bf2.lean.js} (63%) rename assets/{components_tooltip.md.438e99aa.js => components_tooltip.md.d7709c51.js} (60%) rename assets/{components_tooltip.md.438e99aa.lean.js => components_tooltip.md.d7709c51.lean.js} (92%) rename assets/{components_tree.md.41945ffa.js => components_tree.md.3e363660.js} (99%) rename assets/{components_tree.md.41945ffa.lean.js => components_tree.md.3e363660.lean.js} (99%) rename assets/{components_trigger.md.385ca415.js => components_trigger.md.1a57a509.js} (99%) rename assets/{components_trigger.md.385ca415.lean.js => components_trigger.md.1a57a509.lean.js} (99%) rename assets/{components_up-load.md.50c8b5db.js => components_up-load.md.2f89c857.js} (99%) rename assets/{components_up-load.md.50c8b5db.lean.js => components_up-load.md.2f89c857.lean.js} (99%) rename assets/{components_watermark.md.49785d92.js => components_watermark.md.56392a3a.js} (70%) rename assets/{components_watermark.md.49785d92.lean.js => components_watermark.md.56392a3a.lean.js} (92%) delete mode 100644 assets/docs_changelog.md.0b6faf22.js create mode 100644 assets/docs_changelog.md.936f0016.js rename assets/{docs_changelog.md.0b6faf22.lean.js => docs_changelog.md.936f0016.lean.js} (69%) rename assets/{docs_contributing.md.4a9358c4.js => docs_contributing.md.36677c1a.js} (99%) rename assets/{docs_contributing.md.4a9358c4.lean.js => docs_contributing.md.36677c1a.lean.js} (70%) rename assets/{docs_import.md.81b84cb9.js => docs_import.md.e5145cc1.js} (99%) rename assets/{docs_import.md.81b84cb9.lean.js => docs_import.md.e5145cc1.lean.js} (84%) rename assets/{docs_install.md.1f8ef053.js => docs_install.md.130761c7.js} (97%) rename assets/{docs_install.md.1f8ef053.lean.js => docs_install.md.130761c7.lean.js} (84%) rename assets/{docs_introduce.md.61d79acf.js => docs_introduce.md.79b3e6c0.js} (97%) rename assets/{docs_introduce.md.61d79acf.lean.js => docs_introduce.md.79b3e6c0.lean.js} (84%) rename assets/{docs_join.md.3cf64b81.js => docs_join.md.db505104.js} (94%) rename assets/{docs_join.md.3cf64b81.lean.js => docs_join.md.db505104.lean.js} (84%) rename assets/{docs_milepost.md.1b23fb7b.js => docs_milepost.md.c875c3b6.js} (98%) rename assets/{docs_milepost.md.1b23fb7b.lean.js => docs_milepost.md.c875c3b6.lean.js} (84%) rename assets/{index.md.b760f916.lean.js => index.md.1bb02eab.js} (99%) rename assets/{index.md.b760f916.js => index.md.1bb02eab.lean.js} (99%) rename assets/{style.b964435d.css => style.7e23e57b.css} (84%) rename assets/{theme_start.md.c3a5824a.js => theme_start.md.f8ad2e0d.js} (83%) rename assets/{theme_start.md.c3a5824a.lean.js => theme_start.md.f8ad2e0d.lean.js} (83%) diff --git a/404.html b/404.html index bba9b6c8c..85ead34d4 100644 --- a/404.html +++ b/404.html @@ -5,8 +5,8 @@ 404 | Fighting Design - - + + @@ -20,9 +20,9 @@ -
Skip to content

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
- +
Skip to content

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
+ \ No newline at end of file diff --git a/README.html b/README.html index 0f925c9a6..7dbe4e818 100644 --- a/README.html +++ b/README.html @@ -5,11 +5,11 @@ Docs | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Docs

✨ 介绍

Docs 是 fighting design 官方文档目录,使用 VitePress 进行开发。

vitePress 是一个 ViteVue 支持的静态站点生成器,使用 MarkDown 进行编写。如果你还不了解 MarkDown,可以通过这里进行学习。

如果你也想编写自己的 blog,可以在 VitePress 官方进行学习使用。vitepress-template 是我已经配置好的一个项目,也可以拿来开箱即用。

🐳 线上地址

🚧 编写规范

首先需要在 docs/components 目录下,新建一个以组件小写名,去掉首字母 F*.md 文件。如:button,而不是 FButton

  • *.md 内,只允许出现一个一级标题 #,后面全部使用二级标题 ##,禁止出现二级标题以下的标题
  • 一级标题为组件的名称 + 中文描述,中间要带有空格。如:Button 按钮Icon 图标。这里的组件名要以大写开头
  • 接下来每个二级标题用于描述配置信息,配置信息下面要写入简单的描述。如下,取自 button.md
## 基本使用
+    
Skip to content
On this page

Docs

✨ 介绍

Docs 是 fighting design 官方文档目录,使用 VitePress 进行开发。

vitePress 是一个 ViteVue 支持的静态站点生成器,使用 MarkDown 进行编写。如果你还不了解 MarkDown,可以通过这里进行学习。

如果你也想编写自己的 blog,可以在 VitePress 官方进行学习使用。vitepress-template 是我已经配置好的一个项目,也可以拿来开箱即用。

🐳 线上地址

🚧 编写规范

首先需要在 docs/components 目录下,新建一个以组件小写名,去掉首字母 F*.md 文件。如:button,而不是 FButton

  • *.md 内,只允许出现一个一级标题 #,后面全部使用二级标题 ##,禁止出现二级标题以下的标题
  • 一级标题为组件的名称 + 中文描述,中间要带有空格。如:Button 按钮Icon 图标。这里的组件名要以大写开头
  • 接下来每个二级标题用于描述配置信息,配置信息下面要写入简单的描述。如下,取自 button.md
## 基本使用
 
 `type` 属性可以配置不同的按钮类型,展示不同的颜色状态
  • 并不是组件的所有配置项都要带有演示用例,突出主要即可
  • 英文名要用反引号包裹,左右两边要带有空格。如: type 配置按钮的类型
  • 描述信息之后要带有具体的配置例子
  • 需要提供演效果的代码段,代码段使用已经封装好的 ::: demo 语法来展示 demo 和下拉菜单内容,详情配置可参考 plugins.ts 。例:
::: demo
 
@@ -56,9 +56,9 @@
   <f-avatar round src="" />
 </a>

例如我的:

html
<a href="https://github.com/Tyh2001" target="_blank">
   <f-avatar round src="https://avatars.githubusercontent.com/u/73180970?v=4" />
-</a>

💬 写在最后

规范可能随时会增加或者修改,在编写文档前请认真阅读规范指南。

最后更新时间:

- +</a>

💬 写在最后

规范可能随时会增加或者修改,在编写文档前请认真阅读规范指南。

最后更新时间:

+ \ No newline at end of file diff --git a/assets/README.md.830eab90.js b/assets/README.md.23acfb74.js similarity index 99% rename from assets/README.md.830eab90.js rename to assets/README.md.23acfb74.js index 7ccee78e8..4b390ad76 100644 --- a/assets/README.md.830eab90.js +++ b/assets/README.md.23acfb74.js @@ -1,4 +1,4 @@ -import{_ as s,c as a,o as e,M as t}from"./chunks/framework.f50263fa.js";const y=JSON.parse('{"title":"Docs","description":"","frontmatter":{},"headers":[],"relativePath":"README.md","filePath":"README.md","lastUpdated":1718072214000}'),n={name:"README.md"},o=t(`

Docs

✨ 介绍

Docs 是 fighting design 官方文档目录,使用 VitePress 进行开发。

vitePress 是一个 ViteVue 支持的静态站点生成器,使用 MarkDown 进行编写。如果你还不了解 MarkDown,可以通过这里进行学习。

如果你也想编写自己的 blog,可以在 VitePress 官方进行学习使用。vitepress-template 是我已经配置好的一个项目,也可以拿来开箱即用。

🐳 线上地址

🚧 编写规范

首先需要在 docs/components 目录下,新建一个以组件小写名,去掉首字母 F*.md 文件。如:button,而不是 FButton

## 基本使用
+import{_ as s,c as a,o as e,M as t}from"./chunks/framework.f50263fa.js";const y=JSON.parse('{"title":"Docs","description":"","frontmatter":{},"headers":[],"relativePath":"README.md","filePath":"README.md","lastUpdated":1718162872000}'),n={name:"README.md"},o=t(`

Docs

✨ 介绍

Docs 是 fighting design 官方文档目录,使用 VitePress 进行开发。

vitePress 是一个 ViteVue 支持的静态站点生成器,使用 MarkDown 进行编写。如果你还不了解 MarkDown,可以通过这里进行学习。

如果你也想编写自己的 blog,可以在 VitePress 官方进行学习使用。vitepress-template 是我已经配置好的一个项目,也可以拿来开箱即用。

🐳 线上地址

🚧 编写规范

首先需要在 docs/components 目录下,新建一个以组件小写名,去掉首字母 F*.md 文件。如:button,而不是 FButton

  • *.md 内,只允许出现一个一级标题 #,后面全部使用二级标题 ##,禁止出现二级标题以下的标题
  • 一级标题为组件的名称 + 中文描述,中间要带有空格。如:Button 按钮Icon 图标。这里的组件名要以大写开头
  • 接下来每个二级标题用于描述配置信息,配置信息下面要写入简单的描述。如下,取自 button.md
## 基本使用
 
 \`type\` 属性可以配置不同的按钮类型,展示不同的颜色状态
  • 并不是组件的所有配置项都要带有演示用例,突出主要即可
  • 英文名要用反引号包裹,左右两边要带有空格。如: type 配置按钮的类型
  • 描述信息之后要带有具体的配置例子
  • 需要提供演效果的代码段,代码段使用已经封装好的 ::: demo 语法来展示 demo 和下拉菜单内容,详情配置可参考 plugins.ts 。例:
::: demo
 
diff --git a/assets/README.md.830eab90.lean.js b/assets/README.md.23acfb74.lean.js
similarity index 83%
rename from assets/README.md.830eab90.lean.js
rename to assets/README.md.23acfb74.lean.js
index 32909f802..e55148f0a 100644
--- a/assets/README.md.830eab90.lean.js
+++ b/assets/README.md.23acfb74.lean.js
@@ -1 +1 @@
-import{_ as s,c as a,o as e,M as t}from"./chunks/framework.f50263fa.js";const y=JSON.parse('{"title":"Docs","description":"","frontmatter":{},"headers":[],"relativePath":"README.md","filePath":"README.md","lastUpdated":1718072214000}'),n={name:"README.md"},o=t("",39),l=[o];function p(c,r,d,i,h,b){return e(),a("div",null,l)}const u=s(n,[["render",p]]);export{y as __pageData,u as default};
+import{_ as s,c as a,o as e,M as t}from"./chunks/framework.f50263fa.js";const y=JSON.parse('{"title":"Docs","description":"","frontmatter":{},"headers":[],"relativePath":"README.md","filePath":"README.md","lastUpdated":1718162872000}'),n={name:"README.md"},o=t("",39),l=[o];function p(c,r,d,i,h,b){return e(),a("div",null,l)}const u=s(n,[["render",p]]);export{y as __pageData,u as default};
diff --git a/assets/app.bab419e5.js b/assets/app.53cb7a9a.js
similarity index 54%
rename from assets/app.bab419e5.js
rename to assets/app.53cb7a9a.js
index 910812e88..e9b635e51 100644
--- a/assets/app.bab419e5.js
+++ b/assets/app.53cb7a9a.js
@@ -1,2 +1,2 @@
-import{f as B,j as ie,w as pe,_ as te,o as u,c as p,v as $,d as L,C as V,y as A,r as F,b as o,t as H,z as w,n as T,D,ab as rn,s as Ge,h as M,i as tt,ac as $t,ad as an,ae as cn,a1 as ne,$ as Le,x as N,a as X,F as U,J as K,T as ce,Q as le,a9 as _e,a2 as re,Z as de,a4 as be,R as ue,k as je,af as Q,ag as J,ah as un,X as dn,a8 as Ue,a5 as Fe,O as Ne,ai as fn,aj as Ct,E as Te,ak as pn,A as wt,a0 as St,a6 as Me,al as bn,V as mn,B as hn,am as _n,a3 as pt,an as vn,u as Ft,H as Je,ao as gn,ap as yn,aq as kn,ar as $n,as as Cn,at as wn,au as Sn,av as Fn,aw as zn,ax as Ln,ay as In,az as Pn,aA as En,aB as Tn}from"./chunks/framework.f50263fa.js";import{t as bt}from"./chunks/theme.f83571e3.js";import{o as fe,r as Ie,t as Vn,j,p as xe,v as Mn,a as g,s as h,c as Z,e as x,u as G,w as nt,x as Bn,i as me,h as ee,F as ke,m as z,y as ve,b as O,d as P,f as $e,l as E,z as ot,k as ae,A as zt,B as st,C as An,D as lt,q as Nn,n as Xe,E as oe,G as Dn,H as Rn}from"./chunks/index.ccb77e9b.js";import{a as Lt,u as he,P as On,b as It,B as Hn,F as se,c as Gn,d as jn}from"./chunks/index.e9f855f3.js";import{w as ye,e as Ve}from"./chunks/index.a460f002.js";import{F as Pt}from"./chunks/index.661bf63c.js";import{F as Et}from"./chunks/index.c8ccc1ab.js";import{F as Un,a as xn}from"./chunks/index.c6df67b5.js";import"./chunks/index.f96b7fa5.js";const Tt=(t,e)=>{let n=[];return fe(t)&&t.length&&t.forEach(a=>{const r=Ie(a.type)&&a.type.name;if(r===e&&n.push(a),r!==e&&a.children&&fe(a.children)){const f=Tt(a.children,e);n=n.concat(f)}}),n},qn=t=>{if(typeof t!="object"||t===null)return ye("objectEntries","Parameter is not an object type."),[];if(Object.entries&&Object.entries!==void 0)return Object.entries(t);const e=[];for(const n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.push([n,t[n]]);return e},Yn=()=>{const t=B(1),e=B(0),n=()=>{Vn(t.value,1)>=.2&&(t.value-=.2)},a=()=>{t.value<=10&&(t.value+=.2)};return{scale:t,rotate:e,smaller:n,bigger:a,scrollZoom:c=>{c.preventDefault(),c.deltaY>1?n():a()},recovery:()=>{t.value=1,e.value=0},rotateClockwise:()=>{e.value+=90},rotateCounterClock:()=>{e.value-=90}}},Kn=t=>{const e=eo(),n=(i,l)=>{const c=[31,28,31,30,31,30,31,31,30,31,30,31];return l-1===-1&&(l=12),l===2&&r(i)?29:c[l-1]},a=(i,l)=>new Date(i,l-1,1).getDay(),r=i=>i%4===0&&i%100!==0||i%400===0;return{generateCalendar:(i,l)=>{const c=[],s=a(i,l),d=n(i,l-1);for(let _=s-1;_>=0;_--){const b=l-1===0?12:l-1,v=d-_,C=t.lunar?e(i,b,v):{};c.push({year:i,month:b,day:v,target:"prev",...C})}let m=1;for(;m<=n(i,l);){const _=t.lunar?e(i,l,m):{};c.push({year:i,month:l,day:m,target:"current",..._}),m++}let y=1;for(;c.length%7!==0;){const _=l+1===13?1:l+1,b=t.lunar?e(i,_,y):{};c.push({year:i,month:_,day:y,target:"next",...b}),y++}return c}}},Vt=(t,e)=>{const{run:n}=j();return{handleInput:i=>{n(t.onInput,e.value,i)},handleChange:i=>{n(t.onChange,e.value,i)},handleClear:()=>{t.disabled||(e.value="")}}},Mt=(t,e,n)=>{const{run:a}=j(),r=B(!0),f=B(!1);let i=!1;const l=(b,v,C)=>{b.src=C,r.value=!0,f.value=!0,a(e.onLoad,v)},c=b=>{r.value=!1,a(e.onError,b)},s=(b,v)=>{const C=new Image;new Promise((k,I)=>{C.src=v||e.src,C.addEventListener("load",S=>{k(S)}),C.addEventListener("error",S=>{I(S)})}).then(k=>{k&&l(b,k,C.src)}).catch(k=>{if(!i&&e.errSrc){s(b,e.errSrc),i=!0;return}c(k)})},d=b=>{const v=new IntersectionObserver(C=>{C[0].isIntersecting&&(s(b),v.unobserve(b))},{rootMargin:xe(e.rootMargin)});return v},m=b=>{const v=()=>{const C=window.innerHeight||document.documentElement.clientHeight,k=document.documentElement.scrollTop||document.body.scrollTop,I=b.offsetParent.offsetTop,S=C+k-I;Math.abs(S){if(t.value){if(e.lazy){IntersectionObserver?d(t.value).observe(t.value):m(t.value);return}s(t.value)}},_=()=>{if(n){if(n())y();else return;return}y()};return ie(_),pe(()=>e.src,()=>{_()}),{isSuccess:r,isShowNode:f}},Bt="data-index",At="f-toolbar-item",qe="f-pagination",ge=`${qe}__item`,Nt=`${qe}__prev`,Dt=`${qe}__next`,mt=25,Rt="f-trigger",Ot="f-trigger__content-box",Zn=t=>{(()=>{const c=t.children[0].cloneNode(!0);t.appendChild(c)})();const n=24;let a=0;const r=t.children.length,f=()=>{let l=a*n;a++;const c=a*n,s=500,d=15,m=s/d,y=(c-l)/m,_=setInterval(()=>{if(l+=y,l>=c&&(clearInterval(_),a===r-1)){t.scrollTop=0,a=0;return}t.scrollTop=l},d)};return(l=2e3)=>{setInterval(f,l)}},Ht=(t,e,n)=>{const{run:a}=j(),r=i=>{e.value=!1,a(n,i)};return{closeVisible:r,maskClose:()=>{t.maskClose&&r()}}},Be=[19416,19168,42352,21717,53856,55632,91476,22176,39632,21970,19168,42422,42192,53840,119381,46400,54944,44450,38320,84343,18800,42160,46261,27216,27968,109396,11104,38256,21234,18800,25958,54432,59984,92821,23248,11104,100067,37600,116951,51536,54432,120998,46416,22176,107956,9680,37584,53938,43344,46423,27808,46416,86869,19872,42416,83315,21168,43432,59728,27296,44710,43856,19296,43748,42352,21088,62051,55632,23383,22176,38608,19925,19152,42192,54484,53840,54616,46400,46752,103846,38320,18864,43380,42160,45690,27216,27968,44870,43872,38256,19189,18800,25776,29859,59984,27480,23232,43872,38613,37600,51552,55636,54432,55888,30034,22176,43959,9680,37584,51893,43344,46240,47780,44368,21977,19360,42416,86390,21168,43312,31060,27296,44368,23378,19296,42726,42208,53856,60005,54576,23200,30371,38608,19195,19152,42192,118966,53840,54560,56645,46496,22224,21938,18864,42359,42160,43600,111189,27936,44448,84835,37744,18936,18800,25776,92326,59984,27424,108228,43744,37600,53987,51552,54615,54432,55888,23893,22176,42704,21972,21200,43448,43344,46240,46758,44368,21920,43940,42416,21168,45683,26928,29495,27296,44368,84821,19296,42352,21732,53600,59752,54560,55968,92838,22224,19168,43476,41680,53584,62034,54560],ht={"1-1":{title:"元旦"},"2-2":{title:"湿地日"},"2-14":{title:"情人节"},"3-8":{title:"妇女节"},"3-12":{title:"植树节"},"4-1":{title:"愚人节"},"5-1":{title:"劳动节"},"5-4":{title:"青年节"},"5-12":{title:"护士节"},"6-1":{title:"儿童节"},"7-1":{title:"建党节"},"8-1":{title:"建军节"},"9-10":{title:"教师节"},"10-1":{title:"国庆节"},"12-24":{title:"平安夜"},"12-25":{title:"圣诞节"}},_t={"1-1":{title:"春节"},"1-15":{title:"元宵节"},"2-2":{title:"龙抬头"},"5-5":{title:"端午节"},"7-7":{title:"七夕节"},"7-15":{title:"中元节"},"8-15":{title:"中秋节"},"9-9":{title:"重阳节"},"10-1":{title:"寒衣节"},"10-15":{title:"下元节"},"12-8":{title:"腊八节"},"12-23":{title:"北小年"},"12-24":{title:"南小年"},"12-30":{title:"除夕"}},Wn=["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"],Xn=["日","一","二","三","四","五","六","七","八","九","十"],Jn=["初","十","廿","卅"],Qn=["9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c3598082c95f8c965cc920f","97bd0b06bdb0722c965ce1cfcc920f","b027097bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd0b06bdb0722c965ce1cfcc920f","b027097bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd0b06bdb0722c965ce1cfcc920f","b027097bd097c36b0b6fc9274c91aa","9778397bd19801ec9210c965cc920e","97b6b97bd19801ec95f8c965cc920f","97bd09801d98082c95f8e1cfcc920f","97bd097bd097c36b0b6fc9210c8dc2","9778397bd197c36c9210c9274c91aa","97b6b97bd19801ec95f8c965cc920e","97bd09801d98082c95f8e1cfcc920f","97bd097bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c91aa","97b6b97bd19801ec95f8c965cc920e","97bcf97c3598082c95f8e1cfcc920f","97bd097bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c3598082c95f8c965cc920f","97bd097bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c3598082c95f8c965cc920f","97bd097bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd097bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd097bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd097bd07f595b0b6fc920fb0722","9778397bd097c36b0b6fc9210c8dc2","9778397bd19801ec9210c9274c920e","97b6b97bd19801ec95f8c965cc920f","97bd07f5307f595b0b0bc920fb0722","7f0e397bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c920e","97b6b97bd19801ec95f8c965cc920f","97bd07f5307f595b0b0bc920fb0722","7f0e397bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c91aa","97b6b97bd19801ec9210c965cc920e","97bd07f1487f595b0b0bc920fb0722","7f0e397bd097c36b0b6fc9210c8dc2","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf7f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf7f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf7f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf7f1487f531b0b0bb0b6fb0722","7f0e397bd07f595b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c9274c920e","97bcf7f0e47f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9210c91aa","97b6b97bd197c36c9210c9274c920e","97bcf7f0e47f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c920e","97b6b7f0e47f531b0723b0b6fb0722","7f0e37f5307f595b0b0bc920fb0722","7f0e397bd097c36b0b6fc9210c8dc2","9778397bd097c36b0b70c9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e37f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc9210c8dc2","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e27f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0787b0721","7f0e27f0e47f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9210c91aa","97b6b7f0e47f149b0723b0787b0721","7f0e27f0e47f531b0723b0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9210c8dc2","977837f0e37f149b0723b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e37f5307f595b0b0bc920fb0722","7f0e397bd097c35b0b6fc9210c8dc2","977837f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0721","7f0e37f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc9210c8dc2","977837f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","977837f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","977837f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","977837f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","977837f0e37f14998082b0787b06bd","7f07e7f0e47f149b0723b0787b0721","7f0e27f0e47f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","977837f0e37f14998082b0723b06bd","7f07e7f0e37f149b0723b0787b0721","7f0e27f0e47f531b0723b0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","977837f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e37f1487f595b0b0bb0b6fb0722","7f0e37f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e37f1487f531b0b0bb0b6fb0722","7f0e37f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e37f1487f531b0b0bb0b6fb0722","7f0e37f0e37f14898082b072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e37f0e37f14898082b072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e37f0e366aa89801eb072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f149b0723b0787b0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e37f0e366aa89801eb072297c35","7ec967f0e37f14998082b0723b06bd","7f07e7f0e47f149b0723b0787b0721","7f0e27f0e47f531b0723b0b6fb0722","7f0e37f0e366aa89801eb072297c35","7ec967f0e37f14998082b0723b06bd","7f07e7f0e37f14998083b0787b0721","7f0e27f0e47f531b0723b0b6fb0722","7f0e37f0e366aa89801eb072297c35","7ec967f0e37f14898082b0723b02d5","7f07e7f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e36665b66aa89801e9808297c35","665f67f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e36665b66a449801e9808297c35","665f67f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e36665b66a449801e9808297c35","665f67f0e37f14898082b072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e26665b66a449801e9808297c35","665f67f0e37f1489801eb072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722"],eo=()=>{const t=c=>{let s,d=348;for(s=32768;s>8;s>>=1)d+=Be[c-1900]&s?1:0;return d+n(c)},e=c=>Be[c-1900]&15,n=c=>e(c)?Be[c-1900]&65536?30:29:0,a=(c,s)=>s>12||s<1?-1:Be[c-1900]&65536>>s?30:29,r=(c,s)=>{const d="魔羯水瓶双鱼白羊金牛双子巨蟹狮子处女天秤天蝎射手魔羯",m=[20,19,21,21,21,22,23,23,23,23,22,22];return d.substr(c*2-(s{if(c<1900||c>2100||s<1||s>24)return-1;const d=Qn[c-1900],m=[];for(let y=0;y{let s;switch(c){case 10:s="初十";break;case 20:s="二十";break;case 30:s="三十";break;default:s=Jn[Math.floor(c/10)],s+=Xn[c%10]}return s};return(c,s,d)=>{let m=parseInt(c.toString()),y=parseInt(s.toString()),_=parseInt(d.toString());if(m<1900||m>2100||m===1900&&y===1&&_<31)return-1;let b;m?b=new Date(m,parseInt(y.toString())-1,_):b=new Date;let v,C=0,k=0;m=b.getFullYear(),y=b.getMonth()+1,_=b.getDate();let I=(Date.UTC(b.getFullYear(),b.getMonth(),b.getDate())-Date.UTC(1900,0,31))/864e5;for(v=1900;v<2101&&I>0;v++)k=t(v),I-=k;I<0&&(I+=k,v--),b.getDay();const S=v;C=e(v);let R=!1;for(v=1;v<13&&I>0;v++)C>0&&v===C+1&&R===!1?(--v,R=!0,k=n(S)):k=a(S,v),R===!0&&v===C+1&&(R=!1),I-=k;I===0&&C>0&&v===C+1&&(R?R=!1:(R=!0,--v)),I<0&&(I+=k,--v);const q=v,W=I+1,Y=f(m,y*2);let Ce="";Y===_&&(Ce=Wn[y*2-1]);const dt=r(y,_),ft=y+"-"+_;let We=q+"-"+W;return q===12&&W===29&&a(S,q)===29&&(We="12-30"),{festival:ht[ft]?ht[ft].title:"",lunarFestival:_t[We]?_t[We].title:"",lunar:i(W),term:Ce,constellation:dt}}},to=(t,e,n)=>{const a=i=>{n(i.clientX-e.value)},r=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",r)},f=()=>{document.addEventListener("mousemove",a,{passive:!1}),document.addEventListener("mouseup",r,{passive:!1})};t.addEventListener("mousedown",f,{passive:!1})},no={visible:g(),text:h(),color:h(),fullscreen:g(),background:h(),icon:Z()},oo={},so={width:"1em",height:"1em",viewBox:"0 0 16 16"},lo=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"m7.25 3.75l-4.5 4.5l4.5 4.5m6-4.5H2.75"},null,-1),ro=[lo];function ao(t,e){return u(),p("svg",so,ro)}const io=te(oo,[["render",ao]]),co={},uo={width:"1em",height:"1em",viewBox:"0 0 16 16"},fo=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M10.25 3.75L5.75 8l4.5 4.25"},null,-1),po=[fo];function bo(t,e){return u(),p("svg",uo,po)}const Ye=te(co,[["render",bo]]),mo={},ho={width:"1em",height:"1em",viewBox:"0 0 16 16"},_o=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M5.75 12.25L10.25 8l-4.5-4.25"},null,-1),vo=[_o];function go(t,e){return u(),p("svg",ho,vo)}const Pe=te(mo,[["render",go]]),yo={},ko={width:"1em",height:"1em",viewBox:"0 0 16 16"},$o=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M1.75 2.75h12.5v10.5H1.75zM2 8h12"},null,-1),Co=[$o];function wo(t,e){return u(),p("svg",ko,Co)}const So=te(yo,[["render",wo]]),Fo={},zo={width:"1em",height:"1em",viewBox:"0 0 16 16"},Lo=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M4.75 5.25h-3m0 3.5c0 2.5 2.798 5.5 6.25 5.5a6.25 6.25 0 1 0 0-12.5c-3.75 0-6.25 3.5-6.25 3.5v-3.5"},null,-1),Io=[Lo];function Po(t,e){return u(),p("svg",zo,Io)}const Eo=te(Fo,[["render",Po]]),To={},Vo={width:"1em",height:"1em",viewBox:"0 0 16 16"},Mo=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M11.25 5.25h3m0 3.5c0 2.5-2.798 5.5-6.25 5.5a6.25 6.25 0 1 1 0-12.5c3.75 0 6.25 3.5 6.25 3.5v-3.5"},null,-1),Bo=[Mo];function Ao(t,e){return u(),p("svg",Vo,Bo)}const No=te(To,[["render",Ao]]),Do={},Ro={width:"32",height:"32",viewBox:"0 0 24 24"},Oo=$("path",{fill:"currentColor",d:"m12 18.275l-4.15 2.5q-.275.175-.575.15q-.3-.025-.525-.2q-.225-.175-.35-.437q-.125-.263-.05-.588l1.1-4.725L3.775 11.8q-.25-.225-.312-.513Q3.4 11 3.5 10.725q.1-.275.3-.45q.2-.175.55-.225l4.85-.425l1.875-4.45q.125-.3.388-.45q.262-.15.537-.15t.538.15q.262.15.387.45l1.875 4.45l4.85.425q.35.05.55.225q.2.175.3.45q.1.275.038.562q-.063.288-.313.513l-3.675 3.175l1.1 4.725q.075.325-.05.588q-.125.262-.35.437q-.225.175-.525.2q-.3.025-.575-.15Z"},null,-1),Ho=[Oo];function Go(t,e){return u(),p("svg",Ro,Ho)}const jo=te(Do,[["render",Go]]),Uo={},xo={width:"1em",height:"1em",viewBox:"0 0 16 16"},qo=$("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[$("circle",{cx:"7.5",cy:"7.5",r:"4.75"}),$("path",{d:"M9.25 7.5h-3.5M7.5 5.75v3.5m3.75 2l3 3"})],-1),Yo=[qo];function Ko(t,e){return u(),p("svg",xo,Yo)}const Zo=te(Uo,[["render",Ko]]),Wo={},Xo={width:"1em",height:"1em",viewBox:"0 0 16 16"},Jo=$("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[$("circle",{cx:"7.5",cy:"7.5",r:"4.75"}),$("path",{d:"M9.25 7.5h-3.5m5.5 3.75l3 3"})],-1),Qo=[Jo];function es(t,e){return u(),p("svg",Xo,Qo)}const ts=te(Wo,[["render",es]]),ns={},os={width:"32",height:"32",viewBox:"0 0 24 24"},ss=$("path",{fill:"currentColor",d:"M2 5.27L3.28 4L20 20.72L18.73 22l-3.08-3.08c-1.15.38-2.37.58-3.65.58c-5 0-9.27-3.11-11-7.5c.69-1.76 1.79-3.31 3.19-4.54L2 5.27M12 9a3 3 0 0 1 3 3a3 3 0 0 1-.17 1L11 9.17A3 3 0 0 1 12 9m0-4.5c5 0 9.27 3.11 11 7.5a11.79 11.79 0 0 1-4 5.19l-1.42-1.43A9.862 9.862 0 0 0 20.82 12A9.821 9.821 0 0 0 12 6.5c-1.09 0-2.16.18-3.16.5L7.3 5.47c1.44-.62 3.03-.97 4.7-.97M3.18 12A9.821 9.821 0 0 0 12 17.5c.69 0 1.37-.07 2-.21L11.72 15A3.064 3.064 0 0 1 9 12.28L5.6 8.87c-.99.85-1.82 1.91-2.42 3.13Z"},null,-1),ls=[ss];function rs(t,e){return u(),p("svg",os,ls)}const as=te(ns,[["render",rs]]),is={},cs={width:"32",height:"32",viewBox:"0 0 24 24"},us=$("path",{fill:"currentColor",d:"M12 9a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m0-4.5c5 0 9.27 3.11 11 7.5c-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0 0 17.64 0a9.821 9.821 0 0 0-17.64 0Z"},null,-1),ds=[us];function fs(t,e){return u(),p("svg",cs,ds)}const ps=te(is,[["render",fs]]),bs={},ms={width:"1em",height:"1em",viewBox:"0 0 16 16"},hs=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M2.75 1.75h10.5v12.5H2.75zm3 6h4.5m-4.5 3h2.5m-2.5-6h4.5"},null,-1),_s=[hs];function vs(t,e){return u(),p("svg",ms,_s)}const gs=te(bs,[["render",vs]]),ys={},ks={width:"1em",height:"1em",viewBox:"0 0 16 16"},$s=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M12.75 7.75h-10m5-5v10"},null,-1),Cs=[$s];function ws(t,e){return u(),p("svg",ks,Cs)}const Ss=te(ys,[["render",ws]]),Fs={},zs={width:"32",height:"32",viewBox:"0 0 512 512"},Ls=$("path",{fill:"currentColor",d:"M128 128h256v38H128zm-16 64h288v38H112z"},null,-1),Is=$("path",{fill:"currentColor",d:"M448 64H64L32 256v192h448V256Zm-12 192H320a64 64 0 0 1-128 0H76l22-150h316Z"},null,-1),Ps=[Ls,Is];function Es(t,e){return u(),p("svg",zs,Ps)}const Ts=te(Fs,[["render",Es]]),Vs={},Ms={width:"32",height:"32",viewBox:"0 0 24 24"},Bs=$("path",{fill:"currentColor",d:"M12 20c4.4 0 8-3.6 8-8s-3.6-8-8-8s-8 3.6-8 8s3.6 8 8 8m0-18c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12S6.5 2 12 2m5 9.5V13h-6V7h1.5v4.5H17Z"},null,-1),As=[Bs];function Ns(t,e){return u(),p("svg",Ms,As)}const Ds=te(Vs,[["render",Ns]]),Rs={},Os={width:"1em",height:"1em",viewBox:"0 0 16 16"},Hs=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M12.25 10.25L8 5.75l-4.25 4.5"},null,-1),Gs=[Hs];function js(t,e){return u(),p("svg",Os,Gs)}const Us=te(Rs,[["render",js]]),xs={},qs={width:"1em",height:"1em",viewBox:"0 0 16 16"},Ys=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M3.75 5.75L8 10.25l4.25-4.5"},null,-1),Ks=[Ys];function Zs(t,e){return u(),p("svg",qs,Ks)}const De=te(xs,[["render",Zs]]),Ws={},Xs={width:"1em",height:"1em",viewBox:"0 0 16 16"},Js=$("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[$("circle",{cx:"2.5",cy:"8",r:".75"}),$("circle",{cx:"8",cy:"8",r:".75"}),$("circle",{cx:"13.5",cy:"8",r:".75"})],-1),Qs=[Js];function el(t,e){return u(),p("svg",Xs,Qs)}const vt=te(Ws,[["render",el]]),tl={},nl={width:"1em",height:"1em",viewBox:"0 0 16 16"},ol=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M1.75 3.75h12.5v10.5H1.75zm9.5-2v1.5m-6.5-1.5v1.5m-2.5 4h11.5"},null,-1),sl=[ol];function ll(t,e){return u(),p("svg",nl,sl)}const rl=te(tl,[["render",ll]]),al={key:0,class:"f-loading__title"},il=L({name:"FLoading",__name:"loading",props:no,setup(t){const e=t,{styles:n,classes:a}=G(e,"loading"),r=n(["background","color"]),f=a(["fullscreen"],"f-loading");return(i,l)=>i.visible?(u(),p("div",{key:0,class:T(o(f)),style:D(o(r))},[V(o(x),{size:20,class:"f-loading__animation",icon:i.icon},{default:A(()=>[F(i.$slots,"icon",{},()=>[V(o(Lt))])]),_:3},8,["icon"]),i.text?(u(),p("span",al,H(i.text),1)):w("",!0)],6)):w("",!0)}}),cl=()=>{const t=(r,f)=>{const i=c=>f.value[c],l=c=>i(c)||r.getAttribute(`f-loading-${c}`)||"";return{visible:!!f.value,fullscreen:f.modifiers.fullscreen,text:l("text"),color:l("color"),background:l("background")}},e=(r,f)=>{r.originalPosition!=="absolute"&&r.originalPosition!=="fixed"&&(r.style.position="relative");const i=t(r,f),l=rn(il,i),c=l.mount(document.createElement("div"));r.vm=c,r.loadingInstance=l,r.appendChild(c.$el)},n=r=>{r.loadingInstance&&(r.style.position=r.originalPosition,r.removeChild(r.vm.$el),r.loadingInstance.unmount(),r.loadingInstance=null)};return{mounted:(r,f)=>{const i=getComputedStyle(r).position||"static";r.originalPosition=i,f.value&&e(r,f)},updated:(r,f)=>{f.value!==f.oldValue&&(f.value?e(r,f):n(r))}}},ul=(t,e,n)=>{const a=B(0),r=c=>{let s=c.offsetLeft,d=c.offsetParent;for(;d!==null;)s+=d.offsetLeft,d=d.offsetParent;return s},f=()=>{t.value&&(a.value=r(t.value))};ie(()=>{f(),window&&window.addEventListener("resize",f)}),Ge(()=>{window&&window.removeEventListener("resize",f)});const i=B(0);return{offset:i,offsetLeft:a,setPosition:c=>{c<0?c=0:c>100&&(c=100);const d=Math.round(c/e.step)*e.step;i.value=d,n.value=d}}},dl=(t,e)=>{const{run:n}=j(),a=M(()=>{const c=Math.floor(t.total/t.pageSize);return t.total%t.pageSize===0?c:c+1}),r=M(()=>{const c=Number(t.pagerCount),s=Number(t.current),d=(c-1)/2;let m=!1,y=!1;const _=[];if(a.value>c)t.current>c-d&&(m=!0),t.current{if(t.disabled)return;let s;n({next:()=>{const m=t.current===a.value?a.value:t.current+1;e.currentModelValue.value=m,n(t.onNext,m,t.pageSize),n(t.onChange,m,t.pageSize)},prev:()=>{s=t.current===1?1:t.current-1,e.currentModelValue.value=s,n(t.onPrev,s,t.pageSize),n(t.onChange,s,t.pageSize)}}[c])},i=B(!1),l=B(!1);return tt(()=>{const c=Number(t.pagerCount),s=(c-1)/2;i.value=!1,l.value=!1,a.value>c&&(t.current>c-s&&(i.value=!0),t.current{const{run:r}=j(),f=d=>{const m=Math.ceil(t.total/Number(d));t.current>m&&(e.currentModelValue.value=m),e.pageSizeModelValue.value=Number(d)},i=(d,m)=>{t.disabled||(e.currentModelValue.value=d,r(t.onChange,d,t.pageSize,m))},l=B("1");return{jumpCurrent:l,selectChange:f,handelChange:i,handleInput:()=>{t.disabled||(Number(l.value)>n.value.length&&(l.value=String(n.value.length)),e.currentModelValue.value=Number(l.value))},handelClick:d=>{if(t.disabled)return;const m=d.target;if(m.className.includes(ge)){let y=Number(m.textContent);const _=t.pagerCount,b=t.current,v=_-2;m.className.includes(Nt)&&(y=b-v),m.className.includes(Dt)&&(y=b+v),Number.isNaN(y)||(y<1&&(y=1),y>a.value&&(y=a.value)),y!==b&&(e.currentModelValue.value=y,r(t.onChange,y,t.pageSize,d))}}}},gt=t=>nt?window.requestAnimationFrame(t):-1,pl=t=>{nt&&window.cancelAnimationFrame(t)},Re=1e3,Qe=60*Re,et=60*Qe,yt=24*et,bl=t=>{const e=Math.floor(t/yt),n=Math.floor(t%yt/et),a=Math.floor(t%et/Qe),r=Math.floor(t%Qe/Re),f=Math.floor(t%Re);return{total:t,days:e,hours:n,minutes:a,seconds:r,milliseconds:f}},ml=(t,e,n=Re)=>Math.floor(t/n)===Math.floor(e/n),hl=t=>{let e,n,a,r;const f=B(t.time),i=M(()=>bl(f.value)),l=()=>Math.max(n-performance.now(),0),c=v=>{var C;f.value=v,v===0&&(y(),(C=t.onFinish)==null||C.call(t))},s=()=>{nt&&(t.millisecond?_():b())},d=()=>{a||(n=performance.now()+f.value,a=!0,s())},m=(v=t.time)=>{y(),f.value=v},y=()=>{a=!1,pl(e)},_=()=>{e=gt(()=>{a&&(c(l()),f.value>0&&_())})},b=()=>{e=gt(()=>{if(a){const v=l();(!ml(v,f.value,t.interval)||v===0)&&c(v),f.value>0&&b()}})};return $t(y),an(()=>{r&&(a=!0,r=!1,s())}),cn(()=>{a&&(y(),r=!0)}),{start:d,pause:y,reset:m,current:i}},_l=(t,e)=>{const{run:n}=j(),a=ne({x:"",y:""}),r=M(()=>{const{spacing:v,enterDuration:C,leaveDuration:k}=t;return{"--trigger-content-x":a.x,"--trigger-content-y":a.y,"--trigger-spacing-size":xe(v),"--trigger-enter-duration":C&&C+"s","--trigger-leave-duration":k&&k+"s"}}),f=()=>{const v=e.value;if(!v)return;const{left:C,top:k,height:I}=v.getBoundingClientRect(),S=C+window.scrollX,R=k+window.scrollY+I;a.x=S+"px",a.y=R+"px"},i=B(!1);let l=!1;const c=v=>{if(!t.disabled){if(i.value){l=!0;return}f(),i.value=!0,l=!0,n(t.onOpen,i.value,v),n(t.onChange,i.value,v)}},s=v=>{if(t.disabled)return;l=!1;const C=()=>{i.value=!1,n(t.onClose,i.value,v),n(t.onChange,i.value,v)};if(t.trigger==="click"){C();return}setTimeout(()=>{l||C()},300)},d=()=>{l=!0},m=()=>{e.value&&(t.trigger==="hover"&&(e.value.addEventListener("mouseenter",c),e.value.addEventListener("mouseleave",s)),t.trigger==="click"&&e.value.addEventListener("click",c))};ie(m),pe(()=>t.trigger,m);const y=v=>{const C=v.target;C.closest("."+Ot)||C.closest("."+Rt)||(s(v),window.removeEventListener("click",y,!0),window.removeEventListener("resize",f))};return{visible:i,styleList:r,close:s,onBeforeEnter:v=>{if(t.trigger==="hover"){const C=v;C.addEventListener("mouseenter",d),C.addEventListener("mouseleave",s)}window.addEventListener("resize",f),window.addEventListener("click",y,!0)},onAfterLeave:v=>{if(t.trigger==="hover"){const C=v;C.removeEventListener("mouseenter",d),C.removeEventListener("mouseleave",s)}}}},vl=t=>{const e=ne({}),n=Le(),a=M(()=>{if(!n.default)return[];const i=Tt(n.default(),"FFormItem");return i.forEach(l=>{l.props&&l.props.name&&l.props.rules&&(e[l.props.name]=!1)}),i}),r=(i,l)=>{const c=s=>{if((s.max||s.min)&&!ee(i)&&!me(i))return ye("f-form-item","Wrong parameter type to be detected"),!1;const d=(i+"").length;return!(s.required&&!i||s.max&&d>s.max||s.min&&d{a.value.forEach(l=>{const c=l.props&&l.props.rules,s=l.props&&l.props.name;if(l.props&&c&&s&&t.model)if(s.includes(".")){const d=Bn(s,".");let m=t.model;if(d&&d.length){for(const _ of d)if(m=m[_],!m){ye("f-form-item",`${s} is not a valid \`name\` parameter`);break}const y=r(m,c);e[s]=y}}else if(s in t.model){const d=t.model[s],m=r(d,c);e[s]=m}else ye("f-form-item",`${s} is not a valid \`name\` parameter`)});const i=Object.values(e);return i.length?i.every(l=>!!l&&!me(l)):!0}}},{run:Ae}=j(),Gt=t=>({handleOpen:f=>{document.body.style.overflow="hidden",Ae(t.onOpen,f)},handleOpenEnd:f=>{Ae(t.onOpenEnd,f)},handleClose:f=>{document.body.style.overflow="",Ae(t.onClose,f)},handleCloseEnd:f=>{Ae(t.onCloseEnd,f)}}),gl=t=>{const{run:e}=j(),n=M(()=>ee(t.animationTime)?`${t.animationTime}s all ease-in-out`:"0.747s all ease-in-out");return{onBeforeEnter:s=>{const d=s;d.style.transition=n.value,t.widthAnimation&&(d.style.width="0"),t.heightAnimation&&(d.style.height="0"),e(t.onOpen,s)},onEnter:s=>{const d=s;if(d.style.overflow="hidden",t.heightAnimation?d.style.height=d.scrollHeight+"px":d.style.height="auto",t.widthAnimation){d.style.width="auto";const m=d.getBoundingClientRect().width;d.style.width="0",d.offsetWidth,d.style.width=m+"px"}else d.style.width="auto"},onAfterEnter:s=>{const d=s;d.style.transition="",d.style.height="",d.style.width="",e(t.onOpenEnd,s)},onBeforeLeave:s=>{const d=s;if(d.style.transition=n.value,t.heightAnimation&&(d.style.height=d.scrollHeight+"px"),t.widthAnimation){const m=d.getBoundingClientRect().width;d.style.width=m+"px"}e(t.onClose,s)},onLeave:s=>{const d=s;d.style.overflow="hidden",t.heightAnimation&&(d.style.height="0"),t.widthAnimation&&(d.style.width="0")},onAfterLeave:s=>{const d=s;d.style.transition="",d.style.height="",d.style.width="",e(t.onCloseEnd,s)}}},yl=t=>M(()=>{const e=document.createElement("canvas"),n=window.devicePixelRatio||1,r=t.fontSize*n+"px serif",f=e.getContext("2d");if(f){const{width:i}=f.measureText(t.content),l=Math.max(100,i)*n+t.gap;return e.width=l,e.height=l,f.translate(e.width/2,e.height/2),f.rotate(Math.PI/190*-45),f.fillStyle=t.fontColor,f.font=r,f.textAlign="center",f.textBaseline="middle",f.fillText(t.content,0,0),{base64:e.toDataURL(),size:l/n}}return{base64:"",size:0}}),kl={type:h(void 0,t=>ke.includes(t)),fontSize:z(),titleSize:z(),bold:g(),center:g(),close:g(),simple:g(),title:h(),round:g(),background:h(),color:h(),titleColor:h(),fixed:g(),closeIcon:Z(),beforeIcon:Z(),alertList:ve([]),duration:O(),onClose:P()},$l={class:"f-alert__content"},Cl={key:0,class:"f-alert__title"},wl={key:1,class:"f-alert__sub-title"},Sl=L({name:"FAlert",__name:"alert",props:kl,setup(t){const e=t,{getProp:n}=he(e),{run:a}=j(),{styles:r,classes:f}=G(n(["type"]),"alert"),i=B(!0),l=B(),c=f(["type","bold","simple","center","round","fixed"],"f-alert"),s=r(["fontSize","color","background","titleSize","titleColor"]),d=m=>{i.value=!1,a(e.onClose,m)};return ie(()=>{e.alertList&&e.alertList.length&&l.value&&Zn(l.value)(ee(e.duration)?e.duration:2e3)}),(m,y)=>(u(),N(ce,{name:"f-alert"},{default:A(()=>[i.value?(u(),p("div",{key:0,role:"alert",class:T(o(c)),style:D(o(s))},[m.$slots.beforeIcon||m.beforeIcon?(u(),N(o(x),{key:0,icon:m.beforeIcon},{default:A(()=>[F(m.$slots,"beforeIcon")]),_:3},8,["icon"])):w("",!0),$("div",$l,[m.$slots.title||m.title?(u(),p("div",Cl,[F(m.$slots,"title",{},()=>[X(H(m.title),1)])])):w("",!0),m.$slots.default?(u(),p("div",wl,[F(m.$slots,"default")])):w("",!0),m.alertList&&m.alertList.length?(u(),p("div",{key:2,ref_key:"alertListEl",ref:l,class:"f-alert__list"},[(u(!0),p(U,null,K(m.alertList,(_,b)=>(u(),p("div",{key:b,class:"f-alert__list-item"},H(_),1))),128))],512)):w("",!0)]),m.close?(u(),N(o($e),{key:1,round:"",color:m.type==="default"?"#333":"#fff",size:16,icon:m.closeIcon,"on-click":d},{default:A(()=>[F(m.$slots,"closeIcon")]),_:3},8,["color","icon"])):w("",!0)],6)):w("",!0)]),_:3}))}}),Fl=E(Sl),zl={width:z(),padding:z(),background:h()},Ll=L({name:"FAside",__name:"aside",props:zl,setup(t){const e=t,{styles:n}=G(e,"aside"),a=n(["width","padding","background"]);return(r,f)=>(u(),p("aside",{class:"f-aside",style:D(o(a))},[F(r.$slots,"default")],4))}}),Il=E(Ll),Pl={src:h(),errSrc:h(),icon:Z(),alt:h(),round:g(),lazy:g(),fit:h(void 0,t=>ot.includes(t)),size:{type:[String,Number],default:()=>"middle",validator:t=>me(t)?ae.includes(t):ee(t)?t>=1:!1},background:h(),fontSize:z(),fontColor:h(),text:h(),rootMargin:z("100px"),onLoad:P(),onError:P()},El={positionSize:z(),round:g(!0),size:{type:[String,Number],default:()=>"middle",validator:t=>me(t)?ae.includes(t):ee(t)?t>=1:!1},lazy:g(),fit:h(void 0,t=>ot.includes(t))},jt=Symbol("avatar-group-props-key"),Tl={key:1,class:"f-avatar__text"},Vl=["alt"],Ml={class:"f-avatar__error-text"},Bl=L({name:"FAvatar",__name:"avatar",props:Pl,setup(t){const e=t,n=Le(),a=B(),r=le(jt,void 0),{isSuccess:f,isShowNode:i}=Mt(a,e,()=>!n.icon&&!e.icon&&!e.text&&a.value),l=ne({..._e(e),..._e(ne(r||{}))}),{styles:c,classes:s}=G(l,"avatar"),d=s(["round","fit",{key:"size",callback:()=>me(l.size)}],"f-avatar"),m=c(["background","fontColor","fontSize","zIndex",{key:"size",callback:()=>ee(l.size)}],"zIndex");return(y,_)=>o(f)?(u(),p("div",{key:0,role:"img",class:T(o(d)),style:D(o(m))},[y.$slots.icon||y.icon?(u(),N(o(x),{key:0,size:y.fontSize||15,color:y.fontColor,icon:y.icon},{default:A(()=>[F(y.$slots,"icon")]),_:3},8,["size","color","icon"])):y.text?(u(),p("span",Tl,H(y.text),1)):(u(),p("img",{key:2,ref_key:"avatarRef",ref:a,class:"f-avatar__img",src:"",style:D(o(i)?"":"visibility: hidden"),alt:y.alt},null,12,Vl))],6)):(u(),p("div",{key:1,class:"f-avatar__error",style:D(o(m))},[F(y.$slots,"error",{},()=>[$("span",Ml,H(y.alt||"加载失败"),1)])],4))}}),Al=E(Bl),Nl={round:g(),behavior:h("smooth",t=>["smooth","auto"].includes(t)),visibleHeight:O(200),right:z(),bottom:z(),zIndex:O(),top:O(0),listenEl:h(),background:h(),color:h()},Dl=L({name:"FBackTop",__name:"back-top",props:Nl,setup(t){const e=t,{styles:n,classes:a}=G(e,"back-top"),r=B(!1),f=d=>zt(()=>{const m=(d||document.documentElement).scrollTop,y=ee(e.visibleHeight)?e.visibleHeight:200;r.value=m>y},200),i=f(),l=()=>{const{top:d,behavior:m,listenEl:y}=_e(e);if(me(e.listenEl)){const _=document.querySelector(y.value);if(!_){Ve("f-back-top","`listen-el` is not a element");return}_&&_.scrollTo({top:d.value,behavior:m.value});return}else Ve("f-back-top","`listen-el` attributes is not a string");window&&window.scrollTo({top:d.value,behavior:m.value})};ie(()=>{if(e.listenEl){if(!me(e.listenEl)){Ve("f-back-top","`listen-el` attributes is not a string"),document.addEventListener("scroll",f());return}const d=document.querySelector(e.listenEl);if(!d){Ve("f-back-top","`listen-el` is not a element");return}d&&d.addEventListener("scroll",f(d))}else document.addEventListener("scroll",i)}),Ge(()=>{document.removeEventListener("scroll",i)});const c=n(["right","bottom","background","color","zIndex"],"zIndex"),s=a(["round"],"f-back-top");return(d,m)=>(u(),N(ce,{name:"f-back-top"},{default:A(()=>[re($("div",{class:T(o(s)),style:D(o(c)),onClick:de(l,["stop"])},[F(d.$slots,"default")],6),[[be,r.value]])]),_:3}))}}),Rl=E(Dl),Ol={value:z(),max:O(99),dot:g(),show:g(!0),type:h("danger",t=>ke.includes(t)),background:h(),color:h()},Hl={key:0,class:"f-badge__content"},Gl=L({name:"FBadge",__name:"badge",props:Ol,setup(t){const e=t,{classes:n,styles:a}=G(e,"badge"),r=n(["type","dot"],"f-badge"),f=a(["background","color"]),i=M(()=>{const{dot:c,max:s,value:d}=e;return c?"":ee(s)&&ee(d)&&d>s?s+"+":d}),l=M(()=>{const{value:c,show:s}=e;return!ee(c)&&s?!0:s&&ee(c)&&c>0});return(c,s)=>(u(),p("div",{class:T(o(r)),style:D(o(f))},[F(c.$slots,"default"),V(ce,{name:"f-badge"},{default:A(()=>[l.value?(u(),p("sup",Hl,H(i.value),1)):w("",!0)]),_:1})],6))}}),jl=E(Gl),Ul={separator:Z(),fontColor:h(),iconColor:h(),fontSize:z()},Ut=Symbol("breadcrumb-props-key"),xl={key:0,class:"f-breadcrumb"},ql=L({name:"FBreadcrumb",__name:"breadcrumb",props:Ul,setup(t){return ue(Ut,t),(n,a)=>n.$slots.default?(u(),p("div",xl,[F(n.$slots,"default")])):w("",!0)}}),Yl=E(ql),Kl={fontColor:h(),iconColor:h(),separator:Z(),to:{type:[String,Object],default:()=>null}},Zl={class:"f-breadcrumb-item__text"},Wl=L({name:"FBreadcrumbItem",__name:"breadcrumb-item",props:Kl,setup(t){const e=t,n=le(Ut,null),{styles:a}=G(ne({iconColor:e.iconColor||n&&n.iconColor,fontColor:e.fontColor||n&&n.fontColor,fontSize:n&&n.fontSize}),"breadcrumb-item"),r=je(),f=M(()=>e.separator?e.separator:n&&n.separator?n.separator:Pe),i=a(["fontColor","iconColor","fontSize"]),l=()=>{const c=r.appContext.config.globalProperties.$router;if(c&&e.to)try{c.push(e.to)}catch(s){console.warn(s)}};return(c,s)=>(u(),p("div",{class:"f-breadcrumb-item",style:D(o(i)),onClick:l},[$("span",Zl,[F(c.$slots,"default")]),V(o(x),{icon:f.value,size:16},null,8,["icon"])],4))}}),Xl=E(Wl),Jl=L({name:"FButtonGroup",__name:"button-group",props:On,setup(t){const e=t,{classes:n}=G(e,"button-group"),a=le(It,null),r=M(()=>e.size||a&&a.size||"middle");ue(Hn,r.value);const f=n(["direction","size"],"f-button-group");return(i,l)=>(u(),p("div",{role:"group",class:T(o(f))},[F(i.$slots,"default")],2))}}),Ql=E(Jl),er={date:{type:Date,default:()=>new Date,required:!0},lunar:g(),showHeader:g(!0),border:g(),borderColor:h(),dayCellHeight:z(),weekCellHeight:z(),onChange:P(),onChangeDate:P(),onChangeMonth:P()},tr={value:z(),label:z(),disabled:g()},nr={spacing:z(),disabled:g(),trigger:h("hover",t=>["hover","click"].includes(t)),width:{type:[Number,String],default:()=>null},arrow:g(),enterDuration:O(),leaveDuration:O(),onChange:P(),onOpen:P(),onClose:P()},rt=Symbol("trigger-close-key"),or={modelValue:{type:[String,Number,Boolean],default:()=>null,required:!0},width:{type:[Number,String],default:()=>190},name:h("f-select"),size:h("middle",t=>ae.includes(t)),placeholder:h(),clear:g(),filter:g(),disabled:g(),onChange:P(),onBeforeChange:P()},xt=Symbol("f-select-props-key"),sr=L({name:"FOption",__name:"option",props:tr,setup(t){const e=t,n=Le(),{run:a}=j(),r=le(xt,null),f=le(rt,null),i=M(()=>{if(!n.default)return"";const v=n.default()[0].children;return me(v)?v:(ye("f-option","slot content is not a string"),"")}),l=M(()=>r?r.filter&&r.isFiltering&&s?s.toString().includes(r.inputValue):!0:!1),c=(...v)=>{if(!v||!v.length)return"";const C=v.find(k=>k==null||Number.isNaN(k)?!1:fe(k)||Ie(k)?Object.keys(k).length>0:k===0?!0:!!k);return C!==void 0?C:v[v.length-1]},s=c(i.value,e.label,e.value),d=c(e.value,e.label,i.value),m=M(()=>r?d===r.modelValue:!1),y=async v=>{if(!(!r||e.disabled)){if(r.onBeforeChange&&!await r.onBeforeChange(d,s)){f&&a(f.close);return}a(r.setValue,d,s,v),f&&a(f.close)}},_=()=>{r&&d===r.modelValue&&r&&a(r.setValue,d,s)},b=()=>{r&&pe(()=>r.modelValue,_,{once:!0})};return _(),b(),(v,C)=>v.$slots.default||v.label||v.value?re((u(),p("div",{key:0,class:T(["f-option",{"f-option__disabled":v.disabled,"f-option__active":m.value}]),onClick:y},[v.$slots.default?F(v.$slots,"default",{key:0}):(u(),p(U,{key:1},[X(H(v.label||v.value),1)],64))],2)),[[be,l.value]]):w("",!0)}}),Oe=E(sr),lr={modelValue:z(),type:h("text",t=>["text","password","number"].includes(t)),size:h(void 0,t=>ae.includes(t)),disabled:g(),max:O(),min:O(),maxLength:O(),fontSize:z(),autofocus:g(),name:h("f-input"),placeholder:h(),placeholderColor:h(),clear:g(),width:z(),height:z(),search:g(),textColor:h(),readonly:g(),showPassword:g(),enterSearch:g(),icon:Z(),afterIcon:Z(),autocomplete:h("off"),onSearch:P(),onChange:P(),onInput:P(),onBlur:P(),onFocus:P(),onEnter:P()},rr={modelValue:{...g(),require:!0},size:z(40),type:h(void 0,t=>["sound","swap"].includes(t)),iconOn:Z(),iconOff:Z(),onChange:P()},ar=L({name:"FSwap",__name:"swap",props:Q(rr,{modelValue:{type:Boolean,default:!1,type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:a}=j(),{classes:r}=G(e,"swap"),f=l=>{n.value=!n.value,a(e.onChange,!e.modelValue,l)},i=r(["type","modelValue"],"f-swap");return(l,c)=>(u(),p("div",{role:"switch",class:T(o(i)),onClick:f},[V(o(x),{icon:n.value?l.iconOn:l.iconOff,size:l.size},null,8,["icon","size"])],2))}}),qt=E(ar),ir={class:"f-input__wrapper"},cr=["type","max","min","disabled","readonly","autofocus","name","autocomplete","placeholder","maxlength"],ur=L({name:"FInput",__name:"input",props:Q(lr,{modelValue:{default:"",type:[String,Number]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:a}=j(),{getLang:r,getProp:f}=he(e),{styles:i,classes:l}=G(f(["size"]),"input"),{handleInput:c,handleClear:s,handleChange:d}=Vt(e,n),m=B(!1),y=B(e.type);tt(()=>{y.value=e.type});const _=M(()=>r("input").value.search),b=S=>{a(e.onSearch,n.value,S)},v=S=>{const{search:R,enterSearch:q,onEnter:W}=_e(e);R.value&&q.value&&b(S),a(W.value,n.value,S)},C=()=>{if(m.value){y.value="text",m.value=!0;return}y.value="password",m.value=!1},k=i(["placeholderColor","textColor","width","height","fontSize"]),I=l(["size","disabled","search"],"f-input");return(S,R)=>(u(),p("div",{role:"input",class:T(o(I)),style:D(o(k))},[$("div",ir,[F(S.$slots,"before"),S.icon?(u(),N(o(x),{key:0,class:"f-input__icon",icon:S.icon,size:13},null,8,["icon"])):w("",!0),re($("input",{"onUpdate:modelValue":R[0]||(R[0]=q=>n.value=q),class:"f-input__input",type:y.value,max:S.max,min:S.min,disabled:S.disabled,readonly:S.readonly,autofocus:S.autofocus,name:S.name,autocomplete:S.autocomplete,placeholder:S.placeholder,maxlength:S.maxLength,onInput:R[1]||(R[1]=(...q)=>o(c)&&o(c)(...q)),onChange:R[2]||(R[2]=(...q)=>o(d)&&o(d)(...q)),onKeyup:dn(v,["enter"]),onBlur:R[3]||(R[3]=(...q)=>S.onBlur&&S.onBlur(...q)),onFocus:R[4]||(R[4]=(...q)=>S.onFocus&&S.onFocus(...q))},null,40,cr),[[un,n.value]]),S.clear?(u(),N(o(x),{key:1,class:"f-input__clear-btn",icon:o(st),size:14,"on-click":o(s)},null,8,["icon","on-click"])):w("",!0),S.afterIcon?(u(),N(o(x),{key:2,icon:S.afterIcon,size:14},null,8,["icon"])):w("",!0),S.showPassword?(u(),N(o(qt),{key:3,modelValue:m.value,"onUpdate:modelValue":R[5]||(R[5]=q=>m.value=q),class:"f-input__show-password",type:"swap","icon-on":o(ps),"icon-off":o(as),size:14,"on-change":C},null,8,["modelValue","icon-on","icon-off"])):w("",!0),F(S.$slots,"after")]),S.search?(u(),p("div",{key:0,class:"f-input__search",onClick:b},[F(S.$slots,"searchBtn",{},()=>[V(o(se),{type:"primary",size:S.size},{default:A(()=>[X(H(_.value),1)]),_:1},8,["size"])])])):w("",!0)],6))}}),Ee=E(ur),dr={spacing:z(),disabled:g(),width:{type:[Number,String],default:()=>null},trigger:h("hover",t=>["hover","click"].includes(t)),arrow:g(),enterDuration:O(),leaveDuration:O(),onChange:P(),onOpen:P(),onClose:P()},fr={class:"f-trigger__content"},pr=L({name:"FTrigger",__name:"trigger",props:nr,setup(t,{expose:e}){const n=t,a=B(),{classes:r,styles:f}=G(n,"trigger"),{visible:i,styleList:l,close:c,onBeforeEnter:s,onAfterLeave:d}=_l(n,a),m=r(["arrow"],Ot),y=f(["width"]);return ue(rt,{close:c}),e({close:c}),(_,b)=>(u(),p("div",{class:T(o(Rt))},[$("div",{ref_key:"triggerRef",ref:a,class:"f-trigger__trigger"},[F(_.$slots,"default")],512),(u(),N(Ue,{to:"body"},[V(ce,{name:"f-trigger",onBeforeEnter:o(s),onAfterLeave:o(d)},{default:A(()=>[re($("div",{class:T(o(m)),style:D([o(l),o(y)])},[$("div",fr,[F(_.$slots,"content")])],6),[[be,o(i)]])]),_:3},8,["onBeforeEnter","onAfterLeave"])]))],2))}}),Ke=E(pr),br={class:"f-dropdown"},mr=L({name:"FDropdown",__name:"dropdown",props:dr,setup(t){return(e,n)=>(u(),p("div",br,[V(o(Ke),{trigger:e.trigger,disabled:e.disabled,spacing:e.spacing,arrow:e.arrow,width:e.width,"enter-duration":e.enterDuration,"leave-duration":e.leaveDuration,"on-change":e.onChange,"on-open":e.onOpen,"on-close":e.onClose},{content:A(()=>[F(e.$slots,"content")]),default:A(()=>[F(e.$slots,"default")]),_:3},8,["trigger","disabled","spacing","arrow","width","enter-duration","leave-duration","on-change","on-open","on-close"])]))}}),at=E(mr),hr={content:h(),contentSize:z(),contentColor:h(),imageSrc:h(),imageSize:z(),background:h(),iconSize:z(30)},_r={src:h(),alt:h(),draggable:g(!0),lazy:g(),rootMargin:z("100px"),width:z(),height:z(),block:g(),fit:h(void 0,t=>ot.includes(t)),select:g(),referrerPolicy:h(),round:z(),errSrc:h(),title:h(),onLoad:P(),onError:P()},vr=["referrer-policy","draggable","alt","title"],gr={key:1,class:"f-image__error"},yr={class:"f-image__error-text"},kr=L({name:"FImage",__name:"image",props:_r,setup(t){const e=t,n=B(),{classes:a,styles:r}=G(e,"image"),{isSuccess:f,isShowNode:i}=Mt(n,e),l=a(["fit","select","block"],"f-image"),c=r(["width","height","round"]);return(s,d)=>o(f)?(u(),p("div",{key:0,role:"img",class:T(o(l)),style:D(o(c))},[$("img",{ref_key:"imageEl",ref:n,class:"f-image__img",src:"",style:D(o(i)?"":"visibility: hidden"),"referrer-policy":s.referrerPolicy,draggable:s.draggable,alt:s.alt,title:s.title},null,12,vr)],6)):(u(),p("div",gr,[F(s.$slots,"error",{},()=>[$("div",yr,H(s.alt||"加载失败"),1)])]))}}),Yt=E(kr),$r={class:"f-empty__wrapper"},Cr={class:"f-empty__content"},wr={key:0,class:"f-empty__footer"},Sr=L({name:"FEmpty",__name:"empty",props:hr,setup(t){const e=t,{styles:n}=G(e,"empty"),{getLang:a}=he(),r=M(()=>e.content||a("empty").value.content),f=n(["contentColor","contentSize","background"]);return(i,l)=>(u(),p("div",{class:"f-empty",style:D(o(f))},[$("div",$r,[i.$slots.default?F(i.$slots,"default",{key:0}):(u(),p(U,{key:1},[i.imageSrc?(u(),N(o(Yt),{key:0,src:i.imageSrc,width:i.imageSize},null,8,["src","width"])):(u(),N(o(x),{key:1,icon:o(Ts),size:i.iconSize},null,8,["icon","size"]))],64))]),$("span",Cr,H(r.value),1),i.$slots.footer?(u(),p("div",wr,[F(i.$slots,"footer")])):w("",!0)],4))}}),it=E(Sr),Fr=L({name:"FSelect",__name:"select",props:Q(or,{modelValue:{default:"",type:[String,Number]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:a}=j(),{styles:r}=G(e,"select"),f=r(["width"]),i=B(!1),l=B(),c=B(!0),s=B(""),d=B(!1),m=async(C,k,I)=>{await Ne(),k!==e.modelValue&&I&&a(e.onChange,C,k,I),n.value=C,s.value=k==null?void 0:k.toString(),d.value=!1},y=async()=>{var k;await Ne();const C=(k=l.value)==null?void 0:k.querySelector(".f-option.f-option__active");C&&C instanceof Node&&C.scrollIntoView({block:"end"})},_=()=>{i.value=!1,c.value||(s.value="")},b=()=>{i.value=!0},v=()=>{d.value=!0};return ue(xt,ne({setValue:m,inputValue:s,isFiltering:d,onBeforeChange:e.onBeforeChange,modelValue:Fe(e,"modelValue"),filter:Fe(e,"filter")})),(C,k)=>(u(),p("div",{class:"f-select",style:D(o(f))},[V(o(at),{trigger:"click",disabled:C.disabled,width:C.width,"on-open":y},{content:A(()=>[$("div",{ref_key:"selectContentRef",ref:l,class:"f-select__content"},[c.value?F(C.$slots,"default",{key:0}):(u(),N(o(it),{key:1,content:"暂无数据"}))],512)]),default:A(()=>[V(o(Ee),{modelValue:s.value,"onUpdate:modelValue":k[0]||(k[0]=I=>s.value=I),readonly:!C.filter,name:C.name,size:C.size,disabled:C.disabled,width:C.width,placeholder:C.placeholder,clear:C.clear,"on-focus":b,"on-blur":_,"on-input":C.filter?v:void 0},{after:A(()=>[V(o(x),{color:"#bababa",class:T(["f-select__arrow",{"f-select__arrow-active":i.value}]),size:13,icon:o(De)},null,8,["class","icon"])]),_:1},8,["modelValue","readonly","name","size","disabled","width","placeholder","clear","on-input"])]),_:3},8,["disabled","width"])],4))}}),He=E(Fr),zr={key:0,class:"f-calendar__header"},Lr={class:"f-calendar__option"},Ir={class:"f-calendar__week"},Pr={class:"f-calendar__day"},Er=["onClick"],Tr={class:"f-calendar__solar"},Vr={key:0,class:"f-calendar__lunar"},Mr=L({name:"FCalendar",__name:"calendar",props:er,setup(t){const e=t,{getLang:n}=he(),{run:a}=j(),{styles:r,classes:f}=G(e,"calendar"),{generateCalendar:i}=Kn(e),l=M(()=>An(e.date)?e.date:new Date),c=ne({year:l.value.getFullYear(),month:l.value.getMonth()+1,date:l.value.getDate()}),s=M(()=>i(c.year,c.month)),d=M(()=>n("calendar").value.weekList),_={prev:()=>{c.month===1?(c.year-=1,c.month=12):c.month-=1},next:()=>{c.month===12?(c.year+=1,c.month=1):c.month+=1},current:()=>{c.year=e.date.getFullYear(),c.month=e.date.getMonth()+1,c.date=e.date.getDate()}},b=q=>{_[q]&&_[q]()},v=q=>{const{target:W,day:Y}=q;W==="prev"&&_[W](),W==="next"&&_[W](),W==="current"&&(c.date=Y,a(e.onChangeDate,c.year,c.month,c.date))},C=pe(()=>c.month,q=>{a(e.onChangeMonth,c.year,q,c.date)}),k=pe(()=>c,()=>{a(e.onChange,c.year,c.month,c.date)},{deep:!0}),I=(q,W)=>W===c.date&&q===c.month?"f-calendar__day-today":"";Ge(()=>{k(),C()});const S=r(["borderColor","dayCellHeight","weekCellHeight"]),R=f(["border"],"f-calendar");return(q,W)=>(u(),p("div",{class:T(o(R)),style:D(o(S))},[q.showHeader?(u(),p("header",zr,[V(o(x),{icon:o(Ye),onClick:W[0]||(W[0]=Y=>b("prev"))},null,8,["icon"]),$("div",Lr,[V(o(He),{modelValue:c.year,"onUpdate:modelValue":W[1]||(W[1]=Y=>c.year=Y),width:116},{default:A(()=>[(u(),p(U,null,K(200,Y=>V(o(Oe),{key:Y,value:1900+Y},{default:A(()=>[X(H(1900+Y),1)]),_:2},1032,["value"])),64))]),_:1},8,["modelValue"]),V(o(He),{modelValue:c.month,"onUpdate:modelValue":W[2]||(W[2]=Y=>c.month=Y),width:116},{default:A(()=>[(u(),p(U,null,K(12,Y=>V(o(Oe),{key:Y,value:Y},{default:A(()=>[X(H(Y),1)]),_:2},1032,["value"])),64))]),_:1},8,["modelValue"]),V(o(se),{type:"default",onClick:W[3]||(W[3]=Y=>b("current"))},{default:A(()=>[X("今天")]),_:1})]),V(o(x),{icon:o(Pe),onClick:W[4]||(W[4]=Y=>b("next"))},null,8,["icon"])])):w("",!0),$("div",Ir,[(u(!0),p(U,null,K(d.value,(Y,Ce)=>(u(),p("div",{key:Ce,class:"f-calendar__week-item"},H(Y),1))),128))]),$("div",Pr,[(u(!0),p(U,null,K(s.value,(Y,Ce)=>(u(),p("div",{key:Ce,class:T(["f-calendar__day-item",{"f-calendar__day-current":Y.target==="current",[I(Y.month,Y.day)]:Y.target==="current"}]),onClick:dt=>v(Y)},[$("span",Tr,H(Y.day),1),q.lunar?(u(),p("span",Vr,H(Y.lunarFestival||Y.festival||Y.term||Y.lunar),1)):w("",!0)],10,Er))),128))])],6))}}),Kt=E(Mr),Br={title:h(),round:g(),padding:z(),shadow:h(void 0,t=>["hover","always"].includes(t)),borderColor:h(),background:h(),titleColor:h(),titleBold:g(),close:g(),onClose:P()},Ar={key:0,role:"heading",class:"f-card__header"},Nr={role:"none",class:"f-card__body"},Dr=L({name:"FCard",__name:"card",props:Br,setup(t){const e=t,n=B(!0),{run:a}=j(),{classes:r,styles:f}=G(e,"card"),i=r(["round","shadow"],"f-card"),l=f(["padding","borderColor","background","titleColor"]),c=()=>{n.value=!1,a(e.onClose,n.value)};return(s,d)=>(u(),N(ce,{name:"f-card"},{default:A(()=>[n.value?(u(),p("div",{key:0,class:T(o(i)),style:D(o(l))},[s.$slots.header||s.title?(u(),p("header",Ar,[$("span",{class:T(["f-card__title",{"f-card__title-bold":s.titleBold}])},[F(s.$slots,"header",{},()=>[X(H(s.title),1)])],2),s.close?(u(),N(o($e),{key:0,"on-click":c})):w("",!0)])):w("",!0),$("main",Nr,[F(s.$slots,"default")])],6)):w("",!0)]),_:3}))}}),Rr=E(Dr),Or={modelValue:{type:Boolean,default:()=>!1},label:{type:[String,Number,Boolean],default:()=>null},disabled:g(),border:g(),showLabel:g(!0),onChange:P()},Hr={modelValue:ve([]),disabled:g(),vertical:g(),label:h(),background:g(),size:h("middle",t=>ae.includes(t)),columnGap:z(),rowGap:z(),onChange:P()},Zt=Symbol("f-checkbox-group-props-key"),Gr=["value","disabled"],jr={key:0,class:"f-checkbox__box"},Ur={class:"f-checkbox__text"},xr=L({name:"FCheckbox",__name:"checkbox",props:Q(Or,{modelValue:{type:[Boolean,String,Array],default:!1,type:[Boolean,Array]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:a}=j(),r=M({get:()=>f&&f.modelValue||e.modelValue,set:m=>{if(!f){n.value=m,a(e.onChange,m);return}f.setChange(m)}}),f=le(Zt,null),i=M(()=>{const m=r.value;return fe(m)?m.includes(e.label):lt(m)?m:m===e.label}),l=M(()=>!!(f&&f.disabled)),c=M(()=>e.disabled||l.value),{classes:s}=G(ne({checked:i,disabled:c}),"checkbox"),d=s(["checked","disabled"],"f-checkbox");return(m,y)=>(u(),p("label",{role:"checkbox","aria-checked":"false",tabindex:"0","aria-labelledby":"chk1-label",class:T(o(d))},[re($("input",{"onUpdate:modelValue":y[0]||(y[0]=_=>r.value=_),type:"checkbox",class:"f-checkbox__input",hidden:"",value:m.label,disabled:m.disabled||!!o(f)&&o(f).disabled},null,8,Gr),[[fn,r.value]]),o(f)&&o(f).background?w("",!0):(u(),p("span",jr)),$("span",Ur,[F(m.$slots,"default"),!m.$slots.default&&m.showLabel?(u(),p(U,{key:0},[X(H(m.label),1)],64)):w("",!0)])],2))}}),Se=E(xr),qr=L({name:"FCheckboxGroup",__name:"checkbox-group",props:Q(Hr,{modelValue:{type:[Array,String,Number,Boolean],default:[],type:[Boolean,Array,String,Number]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:a}=j(),{classes:r,styles:f}=G(e,"checkbox-group"),i=s=>{n.value=s,a(e.onChange,s)};ue(Zt,ne({..._e(e),setChange:i}));const l=f(["columnGap","rowGap"]),c=r(["background","vertical","size"],"f-checkbox-group");return(s,d)=>(u(),p("div",{role:"group","aria-label":"checkbox-group",class:T(o(c)),style:D(o(l))},[F(s.$slots,"default")],6))}}),Wt=E(qr),Yr={visible:{...g(),required:!0},title:h(),appendToBody:g(),width:z(),fullscreen:g(),showMask:g(!0),maskClose:g(!0),maskOpacity:O(),maskBackground:h(),showHeader:g(!0),maskBlur:g(),showCloseIcon:g(!0),closeIcon:Z(),zIndex:O(),onOpen:P(),onOpenEnd:P(),onClose:P(),onCloseEnd:P()},Kr={key:0,class:"f-dialog__mask"},Zr={class:"f-dialog__container"},Wr={key:0,class:"f-dialog__header"},Xr={class:"f-dialog__header-before"},Jr={class:"f-dialog__header-center"},Qr={class:"f-dialog__header-after"},ea={key:1,class:"f-dialog__body"},ta={key:2,class:"f-dialog__footer"},na=L({name:"FDialog",__name:"dialog",props:Q(Yr,{visible:{type:Boolean,default:!1,type:Boolean},visibleModifiers:{}}),emits:["update:visible"],setup(t){const e=t,n=J(t,"visible"),{styles:a,classes:r}=G(e,"dialog"),{closeVisible:f,maskClose:i}=Ht(e,n),{handleOpen:l,handleOpenEnd:c,handleClose:s,handleCloseEnd:d}=Gt(e),m=a(["width","zIndex","maskBackground","maskOpacity"],["maskOpacity","zIndex"]),y=r(["fullscreen","maskBlur"],"f-dialog");return(_,b)=>(u(),N(Ue,{to:"body",disabled:!_.appendToBody},[V(ce,{name:"f-dialog__trans",onBeforeEnter:o(l),onAfterEnter:o(c),onBeforeLeave:o(s),onAfterLeave:o(d)},{default:A(()=>[re($("div",{role:"dialog","aria-modal":"true",tabindex:"-1",class:T(o(y)),style:D(o(m))},[_.showMask?(u(),p("div",Kr)):w("",!0),$("div",{class:"f-dialog__wrapper",onClick:b[0]||(b[0]=de((...v)=>o(i)&&o(i)(...v),["self"]))},[V(ce,{name:"f-dialog__container-trans"},{default:A(()=>[re($("div",Zr,[_.showHeader?(u(),p("header",Wr,[$("div",Xr,[F(_.$slots,"headerBefore")]),$("div",Jr,H(_.title),1),$("div",Qr,[F(_.$slots,"headerAfter",{},()=>[_.showCloseIcon?(u(),N(o($e),{key:0,round:"",color:"#3c4043",size:30,icon:_.closeIcon,"on-click":o(f)},{default:A(()=>[F(_.$slots,"closeIcon")]),_:3},8,["icon","on-click"])):w("",!0)])])])):w("",!0),_.$slots.default?(u(),p("section",ea,[F(_.$slots,"default")])):w("",!0),_.$slots.footer?(u(),p("footer",ta,[F(_.$slots,"footer")])):w("",!0)],512),[[be,n.value]])]),_:3})])],6),[[be,n.value]])]),_:3},8,["onBeforeEnter","onAfterEnter","onBeforeLeave","onAfterLeave"])],8,["disabled"]))}}),oa=E(na),sa={position:h("center",t=>["left","center","right"].includes(t)),vertical:g(),color:h(),fontColor:h(),margin:z(),height:z(),background:h(),type:h("solid",t=>["dashed","dotted","double","solid"].includes(t))},la={key:0,class:"f-divider__text"},ra=L({name:"FDivider",__name:"divider",props:sa,setup(t){const e=t,{classes:n,styles:a}=G(e,"divider"),r=n(["vertical","position"],"f-divider"),f=a(["color","margin","background","fontColor","height","type"]);return(i,l)=>(u(),p("div",{role:"separator",class:T(o(r)),style:D(o(f))},[!i.vertical||!i.$slots.default?(u(),p("span",la,[F(i.$slots,"default")])):w("",!0)],6))}}),aa=E(ra),ia={visible:g(),appendToBody:g(),direction:h("right",t=>["left","top","right","bottom"].includes(t)),title:h(),showMask:g(!0),showHeader:g(!0),maskClose:g(!0),maskBlur:g(),maskOpacity:O(),maskBackground:h(),showCloseIcon:g(!0),closeIcon:Z(),zIndex:O(),onOpen:P(),onOpenEnd:P(),onClose:P(),onCloseEnd:P()},ca={key:0,class:"f-drawer__mask"},ua={class:"f-drawer__container"},da={key:0,class:"f-drawer__header"},fa={class:"f-drawer__header-title"},pa={key:1,class:"f-drawer__body"},ba={key:2,class:"f-drawer__footer"},ma=L({name:"FDrawer",__name:"drawer",props:Q(ia,{visible:{type:Boolean,default:!1,type:Boolean},visibleModifiers:{}}),emits:["update:visible"],setup(t){const e=t,n=J(t,"visible"),{styles:a,classes:r}=G(e,"drawer"),{closeVisible:f,maskClose:i}=Ht(e,n),{handleOpen:l,handleOpenEnd:c,handleClose:s,handleCloseEnd:d}=Gt(e),m=a(["width","zIndex","maskBackground","maskOpacity"],["zIndex","maskOpacity"]),y=r(["fullscreen","maskBlur","direction"],"f-drawer");return(_,b)=>(u(),N(Ue,{to:"body",disabled:!_.appendToBody},[V(ce,{name:"f-drawer__trans",onBeforeEnter:o(l),onAfterEnter:o(c),onBeforeLeave:o(s),onAfterLeave:o(d)},{default:A(()=>[re($("div",{role:"dialog","aria-modal":"true",tabindex:"-1",class:T(o(y)),style:D(o(m))},[_.showMask?(u(),p("div",ca)):w("",!0),$("div",{class:"f-drawer__wrapper",onClick:b[0]||(b[0]=de((...v)=>o(i)&&o(i)(...v),["self"]))},[V(ce,{name:"f-drawer__container-trans"},{default:A(()=>[re($("div",ua,[_.showHeader?(u(),p("header",da,[F(_.$slots,"header",{},()=>[$("span",fa,H(_.title),1),_.showCloseIcon?(u(),N(o($e),{key:0,icon:_.closeIcon,"on-click":o(f)},{default:A(()=>[F(_.$slots,"closeIcon")]),_:3},8,["icon","on-click"])):w("",!0)])])):w("",!0),_.$slots.default?(u(),p("section",pa,[F(_.$slots,"default")])):w("",!0),_.$slots.footer?(u(),p("footer",ba,[F(_.$slots,"footer")])):w("",!0)],512),[[be,n.value]])]),_:3})])],6),[[be,n.value]])]),_:3},8,["onBeforeEnter","onAfterEnter","onBeforeLeave","onAfterLeave"])],8,["disabled"]))}}),ha=E(ma),_a={imageList:ve([]),round:g(),expandIndex:O(0),color:h(),vertical:g(),width:z(),height:z(),onChange:P()},va=["onClick"],ga={key:0,class:"f-expand-card__title"},ya=L({name:"FExpandCard",__name:"expand-card",props:_a,setup(t){const e=t,{classes:n,styles:a}=G(e,"expand-card"),{run:r}=j(),f=B(e.expandIndex),i=(d,m,y)=>{f.value=m,r(e.onChange,d,m,y)},l=M(()=>{const{imageList:d}=e;return fe(d)?d.map(m=>me(m)?{url:m}:Ie(m)&&m.url?m:{url:""}):(ye("f-expand-card","`image-list` is not a array."),[])}),c=n(["round","vertical"],"f-expand-card"),s=a(["width","height","color"]);return(d,m)=>l.value.length?(u(),p("div",{key:0,class:T(o(c)),style:D(o(s))},[(u(!0),p(U,null,K(l.value,(y,_)=>(u(),p("div",{key:_,class:T(["f-expand-card__item",{"f-expand-card__active":_===f.value}]),style:D({backgroundImage:`url(${y.url})`}),onClick:b=>i(b,_,y)},[y.text?(u(),p("div",ga,H(y.text),1)):w("",!0)],14,va))),128))],6)):w("",!0)}}),ka=E(ya),$a={height:z(),padding:z()},Ca=L({name:"FFooter",__name:"footer",props:$a,setup(t){const e=t,{styles:n}=G(e,"footer"),a=n(["height","padding"]);return(r,f)=>(u(),p("footer",{class:"f-footer",style:D(o(a))},[F(r.$slots,"default")],4))}}),wa=E(Ca),Sa={height:z(),padding:z()},Fa=L({name:"FHeader",__name:"header",props:Sa,setup(t){const e=t,{styles:n}=G(e,"header"),a=n(["height","padding"]);return(r,f)=>(u(),p("header",{role:"banner",class:"f-header",style:D(o(a))},[F(r.$slots,"default")],4))}}),za=E(Fa),La={visible:g(),imgList:ve([]),modalClose:g(!0),appendToBody:g(),isCloseBtn:g(!0),showIndex:O(0),zIndex:O(),isOption:g(!0),round:h(),onClose:P()},Ia={round:g(),size:h("middle",t=>ae.includes(t)),background:h(),textColor:h(),fixed:g(),width:z(),height:z(),onClick:P()},Pa=L({name:"FToolbar",__name:"toolbar",props:Ia,setup(t){const e=t,n=Le(),{run:a}=j(),{classes:r,styles:f}=G(e,"toolbar"),i=s=>{if(!n.default)return;const d=s.target;if(d.className===At){const m=d.getAttribute(Bt);a(e.onClick,m,s)}},l=r(["size","round","fixed"],"f-toolbar"),c=f(["textColor","background","width","height"]);return(s,d)=>(u(),p("div",{role:"toolbar",class:T(o(l)),style:D(o(c)),onClick:i},[F(s.$slots,"default")],6))}}),Xt=E(Pa),Ea={color:h(),icon:Z(),iconSize:z(16),index:z(),onClick:P()},Ta=L({name:"FToolbarItem",__name:"toolbar-item",props:Ea,setup(t){const e=t,{run:n}=j(),{styles:a}=G(e,"toolbar-item"),r=l=>{n(e.onClick,l)},f=a(["color"]),i=Bt;return(l,c)=>(u(),p("span",Ct({class:o(At),[o(i)||""]:l.index,style:o(f),onClick:r}),[l.icon?(u(),N(o(x),{key:0,size:l.iconSize,icon:l.icon},null,8,["size","icon"])):w("",!0),F(l.$slots,"default")],16))}}),we=E(Ta),Va=$("div",{class:"f-image-preview__mask"},null,-1),Ma={class:"f-image-preview__wrapper"},Ba=["src"],Aa=L({name:"FImagePreview",__name:"image-preview",props:Q(La,{visible:{type:Boolean,default:!1,type:Boolean},visibleModifiers:{}}),emits:["update:visible"],setup(t){const e=t,n=J(t,"visible"),{run:a}=j(),{scale:r,rotate:f,smaller:i,bigger:l,scrollZoom:c,recovery:s,rotateClockwise:d,rotateCounterClock:m}=Yn(),y=B(e.showIndex>e.imgList.length-1?0:e.showIndex),_=()=>{fe(e.imgList)&&e.imgList.forEach(S=>{const R=new Image;R.src=S})},b={next:()=>{if(y.value{if(y.value>0){y.value--;return}y.value=e.imgList.length-1}},v=S=>{s(),a(b[S])},C={1:i,2:l,3:s,4:d,5:m},k=S=>{S&&a(C[S])},I=S=>{n.value=!1,a(e.onClose,S)};return(S,R)=>(u(),N(Ue,{to:"body",disabled:!S.appendToBody},[V(ce,{name:"f-image-preview__transition",onBeforeEnter:_},{default:A(()=>[re($("div",{class:"f-image-preview",style:D({zIndex:S.zIndex}),onMousewheel:R[0]||(R[0]=(...q)=>o(c)&&o(c)(...q))},[Va,$("div",{class:"f-image-preview__container",onClick:de(I,["self"])},[V(ce,{name:"f-image-preview__wrapper-transition"},{default:A(()=>[re($("div",Ma,[$("img",{class:"f-image-preview__node",draggable:"false",src:S.imgList[y.value],style:D({transform:`scale(${o(r)}) rotate(${o(f)}deg)`,borderRadius:S.round})},null,12,Ba)],512),[[be,n.value]])]),_:1}),S.isOption?(u(),N(o(Xt),{key:0,class:"f-image-preview__option",round:"","on-click":k},{default:A(()=>[V(o(we),{icon:o(ts),index:1},null,8,["icon"]),V(o(we),{icon:o(Zo),index:2},null,8,["icon"]),V(o(we),{icon:o(So),index:3},null,8,["icon"]),V(o(we),{icon:o(No),index:4},null,8,["icon"]),V(o(we),{icon:o(Eo),index:5},null,8,["icon"])]),_:1})):w("",!0),S.imgList.length>1?(u(),p(U,{key:1},[V(o(se),{class:"f-image-preview__next",circle:"","before-icon":o(Pe),"on-click":()=>v("next")},null,8,["before-icon","on-click"]),V(o(se),{class:"f-image-preview__prev",circle:"","before-icon":o(Ye),"on-click":()=>v("prev")},null,8,["before-icon","on-click"])],64)):w("",!0),V(o(se),{class:"f-image-preview__close",circle:"","before-icon":o(st),"on-click":I},null,8,["before-icon"])])],36),[[be,n.value]])]),_:1})],8,["disabled"]))}}),Na=E(Aa),Da={direction:h(void 0,t=>["horizontal","vertical"].includes(t))},Ra=L({name:"FLayout",__name:"layout",props:Da,setup(t){const e=t,n=Le(),a=M(()=>e.direction==="vertical"?!0:e.direction==="horizontal"?!1:n&&n.default?n.default().some(f=>{const i=f.type.name;return i==="FHeader"||i==="FFooter"}):!1);return(r,f)=>(u(),p("section",{class:T(["f-layout",{"f-layout__vertical":a.value}])},[F(r.$slots,"default")],2))}}),Oa=E(Ra),Ha={type:h(void 0,t=>ke.includes(t)),href:h(),size:z(),state:h(void 0,t=>["line","background"].includes(t)),disabled:g(),target:h("_self",t=>Nn.includes(t)),color:h(),hoverColor:h(),noCopy:g(),noLink:g(),beforeIcon:Z(),afterIcon:Z(),onClick:P()},Ga=["href","target"],ja=L({name:"FLink",__name:"link",props:Ha,setup(t){const e=t,{getProp:n}=he(e),{run:a}=j(),{classes:r,styles:f}=G(n(["type"],["primary"]),"link"),i=s=>{if(e.disabled||e.noLink){s.preventDefault();return}a(e.onClick,s)},l=r(["type","state","disabled","noCopy"],"f-link"),c=f(["size","color","hoverColor"]);return(s,d)=>(u(),p("div",{role:"link",class:T(o(l)),style:D(o(c))},[$("a",{class:"f-link__a",href:s.href,target:s.target,onClick:de(i,["stop"])},[s.beforeIcon?(u(),N(o(x),{key:0,icon:s.beforeIcon,size:s.size},null,8,["icon","size"])):w("",!0),F(s.$slots,"default"),s.afterIcon?(u(),N(o(x),{key:1,icon:s.afterIcon,size:s.size},null,8,["icon","size"])):w("",!0)],8,Ga)],6))}}),Ua=E(ja),xa={zebra:g(),center:g(),textColor:h(),borderColor:h(),size:h("middle",t=>ae.includes(t)),maxHeight:z(),zebraColor:h()},Jt=Symbol("list-props-key"),qa={key:0,class:"f-list__header"},Ya={key:1,class:"f-list__footer"},Ka=L({name:"FList",__name:"list",props:xa,setup(t){const e=t;ue(Jt,e);const{classes:n,styles:a}=G(e,"list"),r=a(["borderColor","maxHeight","zebraColor"]),f=n(["zebra","center","size"],"f-list");return(i,l)=>(u(),p("ul",{role:"list",class:T(o(f)),style:D(o(r))},[i.$slots.header?(u(),p("header",qa,[F(i.$slots,"header")])):w("",!0),F(i.$slots,"default"),i.$slots.footer?(u(),p("footer",Ya,[F(i.$slots,"footer")])):w("",!0)],6))}}),Za=E(Ka),Wa={background:h(),color:h()},Xa=L({name:"FListItem",__name:"list-item",props:Wa,setup(t){const e=t,n=le(Jt,null),{styles:a}=G(ne({borderColor:n&&n.borderColor,textColor:e.color||n&&n.textColor,background:e.background}),"list-item"),r=a(["textColor","borderColor","background"]);return(f,i)=>(u(),p("li",{role:"listitem",class:"f-list-item",style:D(o(r))},[F(f.$slots,"default")],4))}}),Ja=E(Xa),Qa={padding:z()},ei=L({name:"FMain",__name:"main",props:Qa,setup(t){const e=t,{styles:n}=G(e,"main"),a=n(["padding"]);return(r,f)=>(u(),p("main",{role:"main",class:"f-main",style:D(o(a))},[F(r.$slots,"default")],4))}}),ti=E(ei),ni={icon:Z(),iconSize:z("16px"),backText:h(),title:h(),titleBold:g(),titleColor:h(),titleCenter:g(),subtitle:h(),onBack:P()},oi={class:"f-page-header"},si={class:"f-page-header__text"},li={key:0,class:"f-page-header__main-subtitle"},ri=L({name:"FPageHeader",__name:"page-header",props:ni,setup(t){const e=t,{run:n}=j(),{getLang:a}=he(),r=M(()=>a("pageHeader").value.backText),f=i=>{n(e.onBack,i)};return(i,l)=>(u(),p("header",oi,[$("div",{class:"f-page-header__left",onClick:f},[V(o(x),{size:i.iconSize},{default:A(()=>[F(i.$slots,"icon",{},()=>[(u(),N(Te(i.icon||o(io))))])]),_:3},8,["size"]),$("div",si,H(r.value),1)]),$("div",{class:T(["f-page-header__main",{"f-page-header__main-center":i.titleCenter}])},[$("div",{style:D({color:i.titleColor}),class:T(["f-page-header__main-title",{"f-page-header__main-title-bold":i.titleBold}])},[F(i.$slots,"title",{},()=>[X(H(i.title),1)])],6),i.subtitle||i.$slots.subtitle?(u(),p("div",li,[F(i.$slots,"subtitle",{},()=>[X(H(i.subtitle),1)])])):w("",!0)],2)]))}}),ai=E(ri),ii={percentage:O(0),state:h("line",t=>["line","circle"].includes(t)),type:h("primary",t=>ke.includes(t)),height:z(),showText:g(!0),diameter:O(400),outsideText:g(),textColor:h(),color:h(),background:h(),stripe:g()},ct=Symbol("progress-props-key"),ci=["width","height","aria-value"],ui=["cx","cy","r"],di=["x","y"],fi=L({name:"FProgressCircle",__name:"index",setup(t){const e=le(ct),{classes:n}=G(e,"progress"),a=n(["type","state"],"f-progress"),r=M(()=>ee(e.diameter)?e.diameter/2:100),f=M(()=>(r.value-mt)*2*Math.PI),i=M(()=>{const c=f.value-f.value*(e.percentage/100);return c<=0?0:c>f.value?f.value:c}),l=M(()=>({"--progress-stroke-dasharray":f.value,"--progress-stroke-dashoffset":i.value}));return(c,s)=>(u(),p("svg",{role:"progressbar",class:T(o(a)),width:o(e).diameter,height:o(e).diameter,style:D(l.value),"aria-value":o(e).percent,"aria-valuemin":0,"aria-valuemax":100},[$("circle",{class:"f-progress__girth",fill:"transparent","stroke-width":"12",stroke:"green",cx:r.value,cy:r.value,r:r.value-o(mt)},null,8,ui),o(e).showText?(u(),p("text",{key:0,"font-size":"24",fill:"grey","text-anchor":"middle","alignment-baseline":"middle",x:r.value,y:r.value},H(o(e).percent)+"% ",9,di)):w("",!0)],14,ci))}}),pi=["aria-value"],bi={class:"f-progress__bar"},mi={class:"f-progress__fill"},hi={key:0,class:"f-progress__percentage"},_i={key:0,class:"f-progress__text"},vi=L({name:"FProgressLine",__name:"index",setup(t){const e=le(ct),{classes:n,styles:a}=G(e,"progress"),r=n(["type","stripe","state"],"f-progress"),f=a(["height","color","textColor","background"]),i=M(()=>({"--progress-width":`${e.percent}%`}));return(l,c)=>(u(),p("div",{role:"progressbar",class:T(o(r)),style:D([o(f),i.value]),"aria-value":o(e).percent,"aria-valuemin":0,"aria-valuemax":100},[$("div",bi,[$("div",mi,[!o(e).outsideText&&o(e).showText?(u(),p("div",hi,H(o(e).percent)+"% ",1)):w("",!0)])]),o(e).outsideText&&o(e).showText?(u(),p("div",_i,H(o(e).percent)+"% ",1)):w("",!0)],14,pi))}}),gi=L({name:"FProgress",__name:"progress",props:ii,setup(t){const e=t,n=M(()=>{const{percentage:a}=e;return ee(a)?e.percentage>=100?100:e.percentage<=0?0:e.percentage:(Ve("f-progress","`percentage` is not a number"),0)});return ue(ct,ne({..._e(e),percent:n})),(a,r)=>a.state==="circle"?(u(),N(o(fi),{key:0})):(u(),N(o(vi),{key:1}))}}),yi=E(gi),ki={modelValue:{type:[String,Number,Boolean],default:()=>null},disabled:g(),name:h("f-radio"),label:{type:[String,Number,Boolean],default:()=>null},onChange:P()},$i={modelValue:{type:[String,Number,Boolean],default:()=>null},disabled:g(),vertical:g(),columnGap:z(),rowGap:z(),background:g(),size:h("middle",t=>ae.includes(t)),onChange:P()},Qt=Symbol("radio-group-props-key"),Ci=["value","disabled","name"],wi={key:0,class:"f-radio__circle"},Si={class:"f-radio__text"},Fi=L({name:"FRadio",__name:"radio",props:Q(ki,{modelValue:{type:[String,Number,Boolean],default:null,type:[String,Number,Boolean]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:a}=j(),r=M({get:()=>f&&f.modelValue||e.modelValue,set:m=>{if(f&&!l.value){a(f.changeEvent,m);return}c.value||(n.value=m,a(e.onChange,m))}}),f=le(Qt,null),i=M(()=>r.value===e.label),l=M(()=>!!(f&&f.disabled)),c=M(()=>e.disabled||l.value),{classes:s}=G(ne({checked:i,disabled:c}),"radio"),d=s(["checked","disabled"],"f-radio");return(m,y)=>{var _;return u(),p("label",{role:"radio","aria-checked":"false",tabindex:"0",class:T(o(d))},[re($("input",{"onUpdate:modelValue":y[0]||(y[0]=b=>r.value=b),hidden:"",type:"radio",value:m.label,disabled:m.disabled,name:m.name},null,8,Ci),[[pn,r.value]]),(_=o(f))!=null&&_.background?w("",!0):(u(),p("span",wi)),$("span",Si,[F(m.$slots,"default",{},()=>[X(H(m.label),1)])])],2)}}}),zi=E(Fi),Li=L({name:"FRadioGroup",__name:"radio-group",props:Q($i,{modelValue:{type:[String,Number,Boolean],default:"",type:[String,Number,Boolean]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:a}=j(),{styles:r,classes:f}=G(e,"radio-group"),i=s=>{n.value=s,a(e.onChange,s)},l=f(["vertical","background","size"],"f-radio-group"),c=r(["columnGap","rowGap"]);return ue(Qt,ne({..._e(e),changeEvent:i})),(s,d)=>(u(),p("div",{role:"radiogroup",class:T(o(l)),style:D(o(c))},[F(s.$slots,"default")],6))}}),Ii=E(Li),Pi={modelValue:O(0),max:O(5),effectColor:h("#fcc202"),invalidColor:h("#eef"),readonly:g(),icon:Z(),size:z(25),textShow:g(),textColor:h(),textArr:ve(["极差","失望","一般","不错","很棒"]),textSize:z(),onChange:P()},Ei={type:h(void 0,t=>ke.includes(t)),size:z(),color:h(),background:h(),block:g(),spacing:z(),lineHeight:z(),indent:z(),bold:g(),decoration:h(void 0,t=>["overline","line-through","underline"].includes(t)),padding:z(),width:z(),ellipsis:g(),center:g()},Ti=L({name:"FText",__name:"text",props:Ei,setup(t){const e=t,{getProp:n}=he(e),{classes:a,styles:r}=G(n(["type"]),"text"),f=a(["type","block","bold","ellipsis","center"],"f-text"),i=r(["color","background","decoration","width","size","padding","spacing","lineHeight","indent"]);return(l,c)=>(u(),p("p",{class:T(o(f)),style:D(o(i))},[F(l.$slots,"default")],6))}}),en=E(Ti),Vi={class:"f-rate",role:"slider"},Mi={class:"f-rate__list"},Bi=["onMouseover","onClick"],Ai=L({name:"FRate",__name:"rate",props:Q(Pi,{modelValue:{default:0,type:Number},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:a}=j(),r=B(e.modelValue),f=d=>{e.readonly||(r.value=d)},i=()=>{e.readonly||(r.value=e.modelValue)},l=d=>{e.readonly||(r.value=d,n.value=d,a(e.onChange,d))};pe(()=>e.modelValue,()=>{r.value=e.modelValue});const c=M(()=>e.textArr[o(r)-1]),s=M(()=>ee(e.max)?e.max:5);return(d,m)=>(u(),p("div",Vi,[$("div",Mi,[(u(!0),p(U,null,K(s.value,(y,_)=>(u(),p("div",{key:_,class:T(["f-rate__star",{"f-rate__star-readonly":d.readonly}]),onMouseout:i,onMouseover:b=>f(_+1),onClick:b=>l(_+1)},[V(o(x),{size:d.size,icon:d.icon||o(jo),color:r.value>_?d.effectColor:d.invalidColor},null,8,["size","icon","color"])],42,Bi))),128))]),d.textShow?(u(),N(o(en),{key:0,size:d.textSize,color:d.textColor},{default:A(()=>[X(H(c.value),1)]),_:1},8,["size","color"])):w("",!0)]))}}),Ni=E(Ai),Di={ripplesColor:h(),duration:O(400),type:h(void 0,t=>ke.includes(t)),disabled:g(),startOpacity:O(),endOpacity:O()},Ri=L({name:"FRipple",__name:"ripple",props:Di,setup(t){const e=t,{getType:n,getProp:a}=he(e),{styles:r}=G(a(["type"],["default"]),"ripple"),f=B(),i=r(["startOpacity","endOpacity"],!1),l=c=>{if(e.disabled)return;const{ripplesColor:s,duration:d}=_e(e),m=ne({duration:d.value,component:"f-ripple",className:"f-ripple__animation",type:n(),ripplesColor:s.value});if(f.value){const{runRipples:y}=Gn(c,f.value,m);y()}};return(c,s)=>(u(),p("div",{ref_key:"rippleRef",ref:f,class:"f-ripple",style:D(o(i)),onClick:l},[F(c.$slots,"default")],4))}}),Oi=E(Ri),Hi={round:g(),difference:g(),animated:g(),rows:O(1),loading:g(),rowGap:z(),size:h("middle",t=>ae.includes(t))},Gi=L({name:"FSkeleton",__name:"skeleton",props:Hi,setup(t){const e=t,{classes:n,styles:a}=G(e,"skeleton"),r=n(["round","animated","size",{key:"difference",callback:()=>e.difference&&ee(e.rows)&&e.rows>=3}],"f-skeleton"),f=a(["rowGap"]),i=M(()=>Le().default?e.loading===!0:!0);return(l,c)=>i.value?(u(),p("div",{key:0,role:"section",class:T(o(r)),style:D(o(f))},[(u(!0),p(U,null,K(l.rows,s=>(u(),p("div",{key:s,class:"f-skeleton__item"}))),128))],6)):F(l.$slots,"default",{key:1})}}),ji=E(Gi),Ui={open:g(),openText:h(),closeText:h(),borderColor:h(),onOpen:P(),onClose:P()},xi={opened:g(),disabled:g(),heightAnimation:g(!0),widthAnimation:g(),animationTime:O(),onOpen:P(),onClose:P(),onOpenEnd:P(),onCloseEnd:P()},qi={class:"f-collapse-animation"},Yi=L({name:"FCollapseAnimation",__name:"collapse-animation",props:xi,setup(t){const e=t,{onBeforeEnter:n,onEnter:a,onAfterEnter:r,onBeforeLeave:f,onLeave:i,onAfterLeave:l}=gl(e),c=e.opened,s=M(()=>e.disabled?c:e.opened);return(d,m)=>(u(),N(ce,{onBeforeEnter:o(n),onEnter:o(a),onAfterEnter:o(r),onBeforeLeave:o(f),onLeave:o(i),onAfterLeave:o(l)},{default:A(()=>[re($("div",qi,[F(d.$slots,"default")],512),[[be,s.value]])]),_:3},8,["onBeforeEnter","onEnter","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave"]))}}),Ze=E(Yi),Ki={key:0,class:"f-sticky-card__source"},Zi={class:"f-sticky-card__box"},Wi={class:"f-sticky-card__option-text"},Xi=L({name:"FStickyCard",__name:"sticky-card",props:Ui,setup(t){const e=t,{getLang:n}=he(),{run:a}=j(),{styles:r}=G(e,"sticky-card"),f=B(e.open),i=()=>{f.value=!f.value,a(f.value?e.onClose:e.onOpen,f.value)},l=M(()=>{const{openText:s,closeText:d}=e,m=n("stickyCard").value;return o(f)?s||m.openText:d||m.closeText}),c=r(["borderColor"]);return(s,d)=>(u(),p("div",{class:"f-sticky-card",style:D(o(c))},[s.$slots.source?(u(),p("div",Ki,[F(s.$slots,"source")])):w("",!0),$("div",Zi,[V(o(Ze),{opened:f.value},{default:A(()=>[F(s.$slots,"default")]),_:3},8,["opened"])]),$("div",{class:T(["f-sticky-card__option",{"f-sticky-card__option-open":f.value}]),onClick:i},[$("span",Wi,H(l.value),1)],2)],4))}}),tn=E(Xi),Ji={modelValue:{...g(),required:!0},size:h(void 0,t=>ae.includes(t)),disabled:g(),loading:g(),icon:Z(),closeColor:h(),activeColor:h(),activeText:h(),closeText:h(),square:g(),iconSize:z(),onChange:P()},Qi=L({name:"FSwitch",__name:"switch",props:Q(Ji,{modelValue:{type:Boolean,default:!1,type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:a}=j(),{getProp:r}=he(e),{styles:f,classes:i}=G(r(["size"]),"switch"),l=()=>{e.disabled||e.loading||(n.value=!n.value,a(e.onChange,!e.modelValue))},c=f(["closeColor","activeColor"]),s=i(["size","square"],"f-switch__input");return(d,m)=>(u(),p("div",{role:"switch",class:T(["f-switch",{"f-switch__disabled":d.disabled||d.loading}]),style:D(o(c))},[d.closeText?(u(),p("span",{key:0,class:T(["f-switch__right-text",{"f-switch__text-active":!n.value}])},H(d.closeText),3)):w("",!0),$("div",{class:T([o(s),{"f-switch__active":n.value}]),onClick:de(l,["stop"])},[$("span",{class:T(["f-switch__roll",{"f-switch__roll-active":n.value}])},[d.icon&&!d.loading?(u(),N(o(x),{key:0,icon:d.icon,size:d.iconSize},null,8,["icon","size"])):w("",!0),d.loading?(u(),N(o(x),{key:1,class:"f-switch__loading-animation",icon:o(Lt),size:d.iconSize},null,8,["icon","size"])):w("",!0)],2)],2),d.activeText?(u(),p("span",{key:1,class:T(["f-switch__left-text",{"f-switch__text-active":n.value}])},H(d.activeText),3)):w("",!0)],6))}}),ec=E(Qi),tc={type:h(void 0,t=>ke.includes(t)),close:g(),round:g(),background:h(),color:h(),beforeIcon:Z(),afterIcon:Z(),size:h(void 0,t=>ae.includes(t)),simple:g(),block:g(),line:g(),onClose:P(),onClick:P()},nc=L({name:"FTag",__name:"tag",props:tc,setup(t){const e=t,{getProp:n}=he(e),{run:a}=j(),{classes:r,styles:f}=G(n(["size","type"]),"tag"),i=r(["simple","type","size","block","round","line"],"f-tag"),l=f(["color","background"]),c=s=>{a(e.onClose,s)};return(s,d)=>(u(),N(ce,{name:"f-tag",appear:""},{default:A(()=>[$("div",{class:T(o(i)),style:D(o(l)),onClick:d[0]||(d[0]=(...m)=>s.onClick&&s.onClick(...m))},[s.beforeIcon?(u(),N(o(x),{key:0,icon:s.beforeIcon},null,8,["icon"])):w("",!0),F(s.$slots,"default"),s.afterIcon?(u(),N(o(x),{key:1,icon:s.afterIcon},null,8,["icon"])):w("",!0),s.close?(u(),N(o($e),{key:2,size:14,"on-click":c})):w("",!0)],6)]),_:3}))}}),oc=E(nc),sc={content:z(),position:h("bottom",t=>["top","bottom","right","left"].includes(t)),disabled:g(),state:h("hover",t=>["hover","active","always"].includes(t)),noArrow:g(),bold:g(),bright:g(),background:h(),fontColor:h()},lc=["f-content"],rc=L({name:"FTooltip",__name:"tooltip",props:sc,setup(t){const e=t,{classes:n,styles:a}=G(e,"tooltip"),r=n(["position","state","disabled","bold","noArrow","bright"],"f-tooltip"),f=a(["background","fontColor"]);return(i,l)=>i.$slots.default?(u(),p("div",{key:0,role:"tooltip","f-content":i.content,class:T(o(r)),style:D(o(f))},[F(i.$slots,"default")],14,lc)):w("",!0)}}),ac=E(rc),ic={modelValue:ve(),data:{type:[Object,Array],default:()=>[]},isCheck:g(),offset:O(40),onClickLabel:P()},nn=Symbol("tree-props-key"),cc={model:Z()},uc={class:"f-tree-item"},dc={class:"f-tree-item__label-prefix"},fc={class:"f-tree-item__text"},pc={key:0,class:"f-tree-item__label-option"},bc={key:0,class:"f-tree-item__children"},kt=L({name:"FTreeItem",__name:"index",props:cc,setup(t){const e=t,{run:n}=j(),a=le(nn,null),r=B(!1),f=M(()=>!!(e.model.children&&e.model.children.length)),i=(s,d)=>{d.disabled||(r.value=!r.value,a&&n(a.onClickLabel,s,d,r.value,a.tree))},l=M(()=>a&&ee(a.offset)&&a.offset>1?a.offset:40),c=M(()=>{const{__level:s}=e.model;return s?{"--tree-item-level-padding":`${s*l.value}px`}:{}});return(s,d)=>{var y;const m=wt("f-tree-item");return u(),p("div",uc,[$("div",{class:T(["f-tree-item__label",{"f-tree-item__label-disabled":s.model.disabled}]),style:D(c.value),onClick:d[0]||(d[0]=_=>i(_,s.model))},[$("div",dc,[(y=o(a))!=null&&y.isCheck?(u(),N(o(Se),{key:0,label:s.model.value||s.model.label,disabled:s.model.disabled,"show-label":!1},null,8,["label","disabled"])):w("",!0),f.value?(u(),N(o(x),{key:1,class:T({"f-tree-item__icon-animation":r.value}),size:15,icon:o(Pe)},null,8,["class","icon"])):w("",!0),s.model.icon?(u(),N(o(x),{key:2,size:15,icon:s.model.icon},null,8,["icon"])):w("",!0),$("div",fc,H(s.model.label),1)]),s.$slots.options?(u(),p("div",pc,[F(s.$slots,"options")])):w("",!0)],6),V(o(Ze),{opened:r.value,"animation-time":.3},{default:A(()=>[f.value?(u(),p("div",bc,[(u(!0),p(U,null,K(s.model.children,(_,b)=>(u(),N(m,{key:b,model:_},{options:A(()=>[F(s.$slots,"options")]),_:2},1032,["model"]))),128))])):w("",!0)]),_:3},8,["opened"])])}}}),mc={role:"tree",class:"f-tree"},hc=L({name:"FTree",__name:"tree",props:Q(ic,{check:{type:Array,default:[]},checkModifiers:{}}),emits:["update:check"],setup(t){const e=t,n=J(t,"check"),a=(l,c=0)=>{Ie(l)&&(l=[l]);const s=[];if(fe(l))for(const d of l){const m={...d,__level:c};d.children&&(m.children=a(d.children,c+1)),s.push(m)}return s},r=M(()=>a(e.data)),f=B([]),i=l=>{n.value=l};return ue(nn,ne({onClickLabel:Fe(e,"onClickLabel"),isCheck:Fe(e,"isCheck"),offset:Fe(e,"offset"),tree:r})),(l,c)=>(u(),p("div",mc,[l.isCheck?(u(),N(o(Wt),{key:0,modelValue:f.value,"onUpdate:modelValue":c[0]||(c[0]=s=>f.value=s),style:{display:"block"},"on-change":i},{default:A(()=>[(u(!0),p(U,null,K(r.value,(s,d)=>(u(),N(kt,{key:d,model:s},{options:A(()=>[F(l.$slots,"options")]),_:2},1032,["model"]))),128))]),_:3},8,["modelValue"])):(u(!0),p(U,{key:1},K(r.value,(s,d)=>(u(),N(kt,{key:d,model:s},{options:A(()=>[F(l.$slots,"options")]),_:2},1032,["model"]))),128))]))}}),_c=E(hc),vc={content:h(),fontSize:O(40),gap:O(40),fontColor:h("#111"),zIndex:z(9999)},gc=L({name:"FWatermark",__name:"watermark",props:vc,setup(t){const e=t,n=yl(e),a=B();let r;const f=()=>{if(!a.value)return;r&&r.remove();const{base64:l,size:c}=n.value;r=document.createElement("div"),r.style.position="absolute",r.style.backgroundImage=`url(${l})`,r.style.backgroundSize=`${c}px ${c}px`,r.style.zIndex=e.zIndex.toString(),r.style.inset="0",a.value.appendChild(r)},i=new MutationObserver(l=>{for(const c of l){if(c.removedNodes&&c.removedNodes.length){const s=Array.from(c.removedNodes);for(const d of s)if(d===r){f();return}}if(c.target===r){f();return}}});return ie(()=>{a.value&&i.observe(a.value,{childList:!0,subtree:!0,attributes:!0})}),ie(f),Ge(i.disconnect),(l,c)=>(u(),p("div",{ref_key:"watermarkRef",ref:a,class:"f-watermark"},[F(l.$slots,"default")],512))}}),yc=E(gc),kc={files:ve(),accept:h(),name:h(),drag:g(),isRemove:g(!0),showList:g(!1),multiple:g(),maxSize:O(),maxLength:O(),disabled:g(),onLoad:P(),onChange:P()},$c={class:"f-up-load"},Cc=["name","disabled","accept","multiple"],wc={key:0,class:"f-up-load__file-list"},Sc={class:"f-up-load__file-name"},Fc=L({name:"FUpLoad",__name:"up-load",props:Q(kc,{files:{default:[],type:Array},filesModifiers:{}}),emits:["update:files"],setup(t){const e=t,n=J(t,"files"),{run:a}=j(),r=B(!1),f=B(),i=()=>{f.value&&f.value.click()},l=b=>{n.value=[...n.value,...b],a(e.onLoad,b)},c=b=>{const{maxSize:v,maxLength:C}=_e(e);let k=[...b];return v.value&&(k=k.filter(I=>I.size{const v=b.target.files;v&&l(c(v))},d=b=>{n.value.splice(b,1)},m=b=>{b.preventDefault(),r.value=!0},y=b=>{r.value=!1;const v=b.dataTransfer.files;v&&l(c(v))},_=()=>{pe(()=>e.files,()=>{a(e.onChange,n.value)},{deep:!0})};return e.onChange&&_(),(b,v)=>(u(),p(U,null,[$("div",$c,[b.drag?(u(),p("div",{key:0,class:"f-up-load__drag",onClick:i,onDrop:de(y,["prevent"]),onDragover:de(m,["prevent"])},[F(b.$slots,"default",{},()=>[V(o(x),{icon:o(Ss)},null,8,["icon"])])],32)):(u(),p("div",{key:1,class:"f-up-load__content",onClick:i},[F(b.$slots,"default",{},()=>[V(o(se),null,{default:A(()=>[X("选择文件")]),_:1})])])),$("input",{ref_key:"inputRef",ref:f,type:"file",hidden:"",name:b.name,disabled:b.disabled,accept:b.accept,multiple:b.multiple,onChange:s},null,40,Cc)]),b.showList?(u(),p(U,{key:0},[n.value&&n.value.length?(u(),p("div",wc,[(u(!0),p(U,null,K(n.value,(C,k)=>(u(),p("div",{key:k,class:"f-up-load__file-list-item"},[$("div",Sc,[V(o(x),{icon:o(gs)},null,8,["icon"]),X(" "+H(C.name),1)]),b.isRemove?(u(),N(o($e),{key:0,size:14,onClick:I=>d(k)},null,8,["onClick"])):w("",!0)]))),128))])):w("",!0)],64)):w("",!0)],64))}}),zc=E(Fc),Lc={current:{...O(1),require:!0},total:{...O(0),require:!0},pageSize:O(10),pageSelect:ve(),pagerCount:O(7),background:g(),round:g(),prevIcon:Z(),nextIcon:Z(),disabled:g(),jumpSearch:g(),onPrev:P(),onNext:P(),pageSizeChange:P(),onChange:P()},Ic=["disabled"],Pc=["onClick"],Ec=["disabled"],Tc=L({name:"FPagination",__name:"pagination",props:Q(Lc,{current:{default:1,type:Number},currentModifiers:{},pageSize:{default:10,type:Number},pageSizeModifiers:{}}),emits:["update:current","update:pageSize"],setup(t){const e=t,n=J(t,"current"),a=J(t,"pageSize"),{pages:r,showNextMore:f,showPrevMore:i,maxCount:l,handelTurnPages:c}=dl(e,{currentModelValue:n,pageSizeModelValue:a}),{jumpCurrent:s,selectChange:d,handelChange:m,handleInput:y,handelClick:_}=fl(e,{currentModelValue:n,pageSizeModelValue:a},r,l),{classes:b}=G(e,"pagination"),v=B(10),C=b(["background","round","disabled"],qe);return(k,I)=>(u(),p("div",{class:T(o(C))},[k.pageSelect&&k.pageSelect.length?(u(),N(o(He),{key:0,modelValue:v.value,"onUpdate:modelValue":I[0]||(I[0]=S=>v.value=S),width:120,disabled:k.disabled,"on-change":o(d)},{default:A(()=>[(u(!0),p(U,null,K(k.pageSelect,S=>(u(),N(o(Oe),{key:S,value:S,label:S+"/页"},null,8,["value","label"]))),128))]),_:1},8,["modelValue","disabled","on-change"])):w("",!0),$("button",{class:"f-pagination__button",disabled:k.disabled,onClick:I[1]||(I[1]=S=>o(c)("prev"))},[V(o(x),{size:14,icon:k.prevIcon||o(Ye)},null,8,["icon"])],8,Ic),k.total>0?(u(),p("div",{key:1,class:"f-pagination__pages",onClick:I[2]||(I[2]=S=>o(_)(S))},[$("div",{class:T([o(ge),{[`${o(ge)}-active`]:t.current===1}])}," 1 ",2),o(i)?(u(),p("div",{key:0,class:T([o(ge),o(Nt)])},[V(o(x),{size:15,icon:o(vt)},null,8,["icon"])],2)):w("",!0),(u(!0),p(U,null,K(o(r),S=>(u(),p("div",{key:S,class:T([o(ge),{[`${o(ge)}-active`]:t.current===S}]),onClick:R=>o(m)(S,R)},H(S),11,Pc))),128)),o(f)?(u(),p("div",{key:1,class:T([o(ge),o(Dt)])},[V(o(x),{size:15,icon:o(vt)},null,8,["icon"])],2)):w("",!0),k.total>1&&k.total>Number(t.pageSize)?(u(),p("div",{key:2,class:T([o(ge),{[`${o(ge)}-active`]:t.current===o(l)}])},H(o(l)),3)):w("",!0)])):w("",!0),$("button",{class:"f-pagination__button",disabled:k.disabled,onClick:I[3]||(I[3]=S=>o(c)("next"))},[V(o(x),{size:14,icon:k.nextIcon||o(Pe)},null,8,["icon"])],8,Ec),k.jumpSearch?(u(),N(o(Ee),{key:2,modelValue:o(s),"onUpdate:modelValue":I[4]||(I[4]=S=>St(s)?s.value=S:null),placeholder:"输入跳转的页数",class:"f-pagination__jump",style:{width:"80px"},disabled:k.disabled,"on-blur":o(y),"on-enter":o(y)},null,8,["modelValue","disabled","on-blur","on-enter"])):w("",!0)],2))}}),Vc=E(Tc),Mc={data:ve(),columns:ve(),align:h("left",t=>["left","center","right"].includes(t)),border:g(),select:g(),num:g(),zebra:g(),zebraColor:h(),height:z(),width:z(),bgColor:h(),headBgColor:h(),showHead:g(!0),onSelect:P()},Bc={class:"f-table__container"},Ac={key:0,class:"f-table__header"},Nc={class:"f-table__table"},Dc={key:0,width:50,span:1},Rc={key:1,width:50,span:1},Oc=["width"],Hc=["align"],Gc={key:0},jc={key:1},Uc={class:"f-table__body"},xc={key:0,class:"f-table__table"},qc={key:0,width:50,span:1},Yc={key:1,width:50,span:1},Kc=["width"],Zc=["align"],Wc={key:0},Xc={key:1},Jc=["align"],Qc={key:0},eu={key:1},tu={key:1},nu={class:"f-table__table"},ou={key:0,width:50,span:1},su={key:1},lu=["width"],ru=["align"],au={key:0},iu={key:1},cu={class:"table__no-data"},uu={key:1},du=L({name:"FTable",__name:"table",props:Mc,setup(t){const e=t,{run:n}=j(),{styles:a,classes:r}=G(e,"table"),f=(b,v,C,k)=>b(Me,v,C,k),i=(b,v,C)=>b(Me,v,C),l=a(["zebraColor","bgColor","headBgColor","height","width"]),c=r(["border","zebra"],"f-table"),s=M(()=>!!(e.height&&e.showHead)),d=B([]),m=M({get:()=>d.value.length?(d.value||[]).every(b=>b._select):!1,set:b=>{const v=(d.value||[]).map(C=>(C._select=b,C));return d.value=v,_(),b}});pe(()=>e.data,()=>{if(fe(e.data)||(d.value=[]),e.select){const b=e.data.map(v=>({...v,_select:!1}));d.value=b;return}d.value=e.data},{immediate:!0});const _=()=>{const b=(d.value||[]).filter(v=>v._select);n(e.onSelect,b)};return(b,v)=>(u(),p("div",{role:"table",class:T(o(c)),style:D(o(l))},[$("div",Bc,[b.columns||d.value?(u(),p(U,{key:0},[s.value?(u(),p("div",Ac,[$("table",Nc,[$("colgroup",null,[b.select?(u(),p("col",Dc)):w("",!0),b.num?(u(),p("col",Rc)):w("",!0),(u(!0),p(U,null,K(b.columns,(C,k)=>(u(),p("col",{key:k,width:C.width},null,8,Oc))),128))]),$("thead",{align:b.align},[$("tr",null,[b.select?(u(),p("th",Gc,[V(o(Se),{modelValue:m.value,"onUpdate:modelValue":v[0]||(v[0]=C=>m.value=C),disabled:!d.value.length},null,8,["modelValue","disabled"])])):w("",!0),b.num?(u(),p("th",jc,"#")):w("",!0),(u(!0),p(U,null,K(b.columns,(C,k)=>(u(),p("th",{key:k},[o(Xe)(C.title)?(u(),N(Te(i(C.title,C,k)),{key:0})):(u(),p(U,{key:1},[X(H(C.title),1)],64))]))),128))])],8,Hc)])])):w("",!0),$("div",Uc,[d.value&&d.value.length?(u(),p("table",xc,[$("colgroup",null,[b.select?(u(),p("col",qc)):w("",!0),b.num?(u(),p("col",Yc)):w("",!0),(u(!0),p(U,null,K(b.columns,(C,k)=>(u(),p("col",{key:k,span:1,width:C.width},null,8,Kc))),128))]),s.value?w("",!0):(u(),p("thead",{key:0,align:b.align},[$("tr",null,[b.select?(u(),p("th",Wc,[V(o(Se),{modelValue:m.value,"onUpdate:modelValue":v[1]||(v[1]=C=>m.value=C),disabled:!d.value.length},null,8,["modelValue","disabled"])])):w("",!0),b.num?(u(),p("th",Xc,"#")):w("",!0),(u(!0),p(U,null,K(b.columns,(C,k)=>(u(),p("th",{key:k},[o(Xe)(C.title)?(u(),N(Te(i(C.title,C,k)),{key:0})):(u(),p(U,{key:1},[X(H(C.title),1)],64))]))),128))])],8,Zc)),$("tbody",{align:b.align},[(u(!0),p(U,null,K(d.value,(C,k)=>(u(),p("tr",{key:k},[b.select?(u(),p("td",Qc,[V(o(Se),{modelValue:C._select,"onUpdate:modelValue":I=>C._select=I,"on-change":_},null,8,["modelValue","onUpdate:modelValue"])])):w("",!0),b.num?(u(),p("td",eu,H(k+1),1)):w("",!0),(u(!0),p(U,null,K(b.columns,(I,S)=>(u(),p("td",{key:S},[I.render?(u(),N(Te(f(I.render,C,I,k)),{key:0})):(u(),p(U,{key:1},[I.key?(u(),p(U,{key:0},[X(H(C[I.key]),1)],64)):w("",!0)],64))]))),128))]))),128))],8,Jc),b.$slots.tfoot?(u(),p("tfoot",tu,[F(b.$slots,"tfoot")])):w("",!0)])):(u(),p(U,{key:1},[$("table",nu,[$("colgroup",null,[b.select?(u(),p("col",ou)):w("",!0),b.num?(u(),p("col",su)):w("",!0),(u(!0),p(U,null,K(b.columns,(C,k)=>(u(),p("col",{key:k,span:1,width:C.width},null,8,lu))),128))]),s.value?w("",!0):(u(),p("thead",{key:0,align:b.align},[$("tr",null,[b.select?(u(),p("th",au,[V(o(Se),{modelValue:m.value,"onUpdate:modelValue":v[2]||(v[2]=C=>m.value=C),disabled:!d.value.length},null,8,["modelValue","disabled"])])):w("",!0),b.num?(u(),p("th",iu,"#")):w("",!0),(u(!0),p(U,null,K(b.columns,(C,k)=>(u(),p("th",{key:k},[o(Xe)(C.title)?(u(),N(Te(i(C.title,C,k)),{key:0})):(u(),p(U,{key:1},[X(H(C.title),1)],64))]))),128))])],8,ru))]),$("div",cu,[F(b.$slots,"noData",{},()=>[V(o(it),{content:"暂无数据"})])])],64))])],64)):(u(),p("table",uu,[F(b.$slots,"default")]))])],6))}}),fu=E(du),pu={disabled:g(),onClick:P()},bu=L({name:"FDropdownItem",__name:"dropdown-item",props:pu,setup(t){const e=t,{run:n}=j(),a=le(rt,null),r=f=>{e.disabled||(n(a&&a.close),n(e.onClick,f))};return(f,i)=>(u(),p("div",{class:T(["f-dropdown-item",{"f-dropdown-item__disabled":f.disabled}]),onClick:r},[F(f.$slots,"default")],2))}}),mu=E(bu),hu={modelValue:{...z(),required:!0},rows:z(),disabled:g(),autoHeight:g(),maxLength:O(),autofocus:g(),name:h("f-textarea"),placeholder:h(),readonly:g(),fontSize:z(),onInput:P(),resize:h(void 0,t=>["none","both","horizontal","vertical"].includes(t)),clear:g(),onChange:P(),onBlur:P(),onFocus:P(),onEnter:P()},_u=["rows","disabled","readonly","autofocus","placeholder","name"],vu=L({name:"FTextarea",__name:"textarea",props:Q(hu,{modelValue:{default:"",type:[Number,String]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{handleInput:a,handleClear:r,handleChange:f}=Vt(e,n),{classes:i,styles:l}=G(e,"textarea"),{run:c}=j(),s=B(),d=i(["disabled","autoHeight"],"f-textarea"),m=l(["resize","fontSize"]),y=async()=>{await Ne(),s.value&&(s.value.style.height="auto",s.value.style.height=s.value.scrollHeight+"px")},_=k=>{a(k),e.autoHeight&&y()},b=()=>{const k=pe(()=>[e.modelValue,e.rows,e.autoHeight],()=>{y(),e.autoHeight||(k(),s.value&&(s.value.style.height="auto"))},{immediate:!0})},v=zt(y,500);ie(()=>{e.autoHeight&&(b(),window.addEventListener("resize",v))}),$t(()=>{window.removeEventListener("resize",v)});const C=k=>{if(k.key==="Enter"&&k.ctrlKey){n.value+=`
-`,e.autoHeight&&y();return}k.key==="Enter"&&(k.preventDefault(),c(e.onEnter,n.value,k))};return(k,I)=>(u(),p("div",{class:T(o(d)),style:D(o(m))},[re($("textarea",{ref_key:"textareaRef",ref:s,"onUpdate:modelValue":I[0]||(I[0]=S=>n.value=S),class:"f-textarea__textarea",rows:k.rows,disabled:k.disabled,readonly:k.readonly,autofocus:k.autofocus,placeholder:k.placeholder,name:k.name,onInput:_,onChange:I[1]||(I[1]=(...S)=>o(f)&&o(f)(...S)),onBlur:I[2]||(I[2]=(...S)=>k.onBlur&&k.onBlur(...S)),onFocus:I[3]||(I[3]=(...S)=>k.onFocus&&k.onFocus(...S)),onKeydown:C},null,40,_u),[[bn,n.value]]),k.clear?(u(),N(o(x),{key:0,class:"f-textarea__clear-btn",icon:o(st),size:14,"on-click":o(r)},null,8,["icon","on-click"])):w("",!0)],6))}}),gu=E(vu),yu={modelValue:O(0),model:h("default",t=>["default","button","switch"].includes(t)),precision:O(0),buttonType:h(void 0,t=>ke.includes(t)),step:O(1),size:h("middle",t=>ae.includes(t)),disabled:g(),max:O(),min:O(),maxLength:O(),autofocus:g(),name:h("f-input-number"),placeholder:h(),clear:g(),readonly:g(),onChange:P(),onBlur:P(),onFocus:P(),onInput:P()},ku={class:"f-input-number__wrapper"},$u=L({name:"FInputNumber",__name:"input-number",props:Q(yu,{modelValue:{default:0,type:Number},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:a}=j(),r=M(()=>{const{step:l,min:c}=e;return!c&&!ee(c)?!1:n.value-Math.abs(l){const{step:l,max:c}=e;return!c&&!ee(c)?!1:n.value+Math.abs(l)>c}),i=l=>{const{disabled:c,readonly:s,step:d}=e;if(c||s)return;a({minus:()=>{n.value-=d},plus:()=>{n.value+=d}}[l]),a(e.onChange,n.value)};return(l,c)=>(u(),p("div",{role:"input",class:T(["f-input-number",{"f-input-number__button":l.model==="button"}])},[l.model==="button"?(u(),N(o(se),{key:0,class:"f-input-number__minus",type:l.buttonType||"primary",size:l.size,disabled:l.disabled||r.value,"before-icon":o(Ye),"on-click":()=>i("minus")},null,8,["type","size","disabled","before-icon","on-click"])):w("",!0),$("div",ku,[V(o(Ee),{modelValue:n.value,"onUpdate:modelValue":c[0]||(c[0]=s=>n.value=s),type:"number",max:l.max,min:l.min,disabled:l.disabled,readonly:l.readonly,autofocus:l.autofocus,name:l.name,size:l.size,clear:l.clear,placeholder:l.placeholder,"on-blur":l.onBlur,"on-focus":l.onFocus,"on-input":l.onInput,"on-change":l.onChange},{after:A(()=>[l.model==="switch"?(u(),p("div",{key:0,class:T(["f-input-number__switch",`f-input-number__switch-${l.size}`])},[V(o(se),{disabled:l.disabled||f.value,size:l.size,type:l.buttonType||"default","before-icon":o(Us),onclick:()=>i("plus")},null,8,["disabled","size","type","before-icon","onclick"]),V(o(se),{disabled:l.disabled||r.value,size:l.size,type:l.buttonType||"default","before-icon":o(De),"on-click":()=>i("minus")},null,8,["disabled","size","type","before-icon","on-click"])],2)):w("",!0)]),_:1},8,["modelValue","max","min","disabled","readonly","autofocus","name","size","clear","placeholder","on-blur","on-focus","on-input","on-change"])]),l.model==="button"?(u(),N(o(se),{key:1,class:"f-input-number__plus",type:l.buttonType||"primary",size:l.size,disabled:l.disabled||f.value,"before-icon":o(Pe),"on-click":()=>i("plus")},null,8,["type","size","disabled","before-icon","on-click"])):w("",!0)],2))}}),Cu=E($u),wu={modelValue:z(),position:h("top",t=>["left","right","top","bottom"].includes(t)),type:h("line",t=>["line","card","segment"].includes(t)),justifyContent:h(void 0,t=>["flex-start","center","flex-end","space-between","space-around","space-evenly"].includes(t)),trigger:h("click",t=>["click","hover"].includes(t)),onSwitch:P()},on=Symbol("tabs-props-key"),Su={class:"f-tabs__head"},Fu={key:0,class:"f-tabs__prefix"},zu={class:"f-tabs__navs"},Lu={key:1,class:"f-tabs__suffix"},Iu={class:"f-tabs__body"},Pu="FTabsItem",Eu=L({name:"FTabs",__name:"tabs",props:Q(wu,{modelValue:{default:null,type:[Number,String]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{classes:a,styles:r}=G(e,"tabs"),f=B(0),i=new Map,l=mn(),c=k=>{const I=fe(k)?k:[k],S=[];return I.forEach(R=>{fe(R)?S.push(...c(R)):pt(R)&&fe(R.children)?S.push(...c(R.children)):pt(R)&&R.component&&S.push(R)}),S},s=(k,I)=>k.subTree?c(k.subTree.children).filter(R=>Ie(R.type)&&R.type.name===I):[],d=je(),m=k=>{i.set(k.uid,k);const S=s(d,Pu).map(R=>R.component?R.component.uid:null).filter(Boolean);if(l.value=S.map(R=>i.get(R)).filter(Boolean),n.value){f.value=n.value;return}l.value&&l.value.length&&l.value[0].activeName&&(f.value=l.value[0].activeName)},y=M(()=>l.value&&l.value.map((k,I)=>(k.activeName=k.activeName||I,{name:k.activeName,label:k.label})));ue(on,{activeName:f,registerChild:m});const _=async k=>{let I=!0;e.onSwitch&&(I=await e.onSwitch(k)),!(lt(I)&&!I)&&(f.value=k,n.value=k)},b=a(["position","type"],"f-tabs"),v=r(["justifyContent"]),C=M(()=>e.trigger==="hover"?"mouseenter":"click");return(k,I)=>(u(),p("div",{role:"tab",class:T(o(b)),style:D(o(v))},[$("div",Su,[k.$slots.prefix?(u(),p("div",Fu,[F(k.$slots,"prefix")])):w("",!0),$("div",zu,[(u(!0),p(U,null,K(y.value,(S,R)=>(u(),p("div",hn({key:R,class:["f-tabs__nav-item",{"f-tabs__nav-active":S.name===f.value}]},{[_n(C.value)]:q=>_(S.name)}),H(S.label),17))),128))]),k.$slots.suffix?(u(),p("div",Lu,[F(k.$slots,"suffix")])):w("",!0)]),$("div",Iu,[F(k.$slots,"default")])],6))}}),Tu=E(Eu),Vu={date:h(),disabled:g(),clear:g(),size:h("middle",t=>ae.includes(t)),format:h("YYYY/MM/DD"),placeholder:h(),addZero:g()},Mu={class:"f-date-picker"},Bu={class:"f-date-picker__content"},Au={class:"f-date-picker__option"},Nu=L({name:"FDatePicker",__name:"date-picker",props:Q(Vu,{date:{default:"",type:String},dateModifiers:{}}),emits:["update:date"],setup(t){const e=t,n=J(t,"date"),a=new Date,r=RegExp(/([Y]{4})|([M]{2})|([D]{2})/),f=B(),i=a.getFullYear(),l=a.getMonth()+1,c=a.getDate(),s={YYYY:i+"",MM:e.addZero?oe(l):l+"",DD:e.addZero?oe(c):c+""},d=()=>{let _=e.format;r.test(_)||(ye("f-date-picker","`format` is not a standard format, default format will be used"),_="YYYY/MM/DD");for(const b in s)_=_.replace(b,s[b].toString());n.value=_},m=(_,b,v)=>{s.YYYY=_+"",s.MM=e.addZero?oe(b):b+"",s.DD=e.addZero?oe(v):v+""},y=(_,b)=>{f.value.close(_),b&&d()};return(_,b)=>(u(),p("div",Mu,[V(o(Ke),{ref_key:"triggerInstance",ref:f,trigger:"click",disabled:_.disabled},{content:A(()=>[$("div",Bu,[V(o(Kt),{date:o(a),"onUpdate:date":b[1]||(b[1]=v=>St(a)?a.value=v:null),"day-cell-height":42,"week-cell-height":42,"on-change":m},null,8,["date"]),$("div",Au,[V(o(se),{size:"mini",onClick:b[2]||(b[2]=v=>y(v,!1))},{default:A(()=>[X("取消")]),_:1}),V(o(se),{type:"primary",size:"mini",onClick:b[3]||(b[3]=v=>y(v,!0))},{default:A(()=>[X(" 确定 ")]),_:1})])])]),default:A(()=>[V(o(Ee),{modelValue:n.value,"onUpdate:modelValue":b[0]||(b[0]=v=>n.value=v),autocomplete:"off",readonly:"",disabled:_.disabled,placeholder:_.placeholder||"请选择日期",clear:_.clear,size:_.size,"after-icon":o(rl)},null,8,["modelValue","disabled","placeholder","clear","size","after-icon"])]),_:1},8,["disabled"])]))}}),Du=E(Nu),Ru={time:h(),disabled:g(),clear:g(),placeholder:h(),size:h("middle",t=>ae.includes(t))},Ou={class:"f-time-picker"},Hu={class:"f-time-picker__content"},Gu=["onClick"],ju=["onClick"],Uu=["onClick"],xu={class:"f-time-picker__option"},qu=L({name:"FTimePicker",__name:"time-picker",props:Q(Ru,{time:{default:"",type:String},timeModifiers:{}}),emits:["update:time"],setup(t){const e=J(t,"time"),n=new Date,a=ne({hour:oe(n.getHours()),minute:oe(n.getMinutes()),second:oe(n.getSeconds())}),r=B(),f=(y,_=!0)=>{if(_&&!me(_)&&(e.value=`${a.hour}:${a.minute}:${a.second}`),_==="now"){const b=new Date;a.hour=oe(b.getHours()),a.minute=oe(b.getMinutes()),a.second=oe(b.getSeconds())}lt(_)&&r.value.close(y)},i=B(),l=B(),c=B(),s=(y,_)=>{y.scrollTo({top:_,behavior:"smooth"})},d=async()=>{if(await Ne(),i.value&&l.value&&c.value){const y=c.value.querySelector(".f-time-picker__second-item").offsetHeight;s(i.value,(Number(a.hour)===0?24:Number(a.hour)-2)*y),s(l.value,(Number(a.minute)-2)*y),s(c.value,(Number(a.second)-2)*y)}},m=(y,_)=>{a[_]=oe(y)};return pe(()=>a,d,{deep:!0}),(y,_)=>(u(),p("div",Ou,[V(o(Ke),{ref_key:"triggerInstance",ref:r,trigger:"click",disabled:y.disabled,"on-open":d},{content:A(()=>[$("div",Hu,[$("div",{ref_key:"hoverRef",ref:i,class:"f-time-picker__hour"},[(u(),p(U,null,K(24,b=>$("div",{key:b,class:T(["f-time-picker__hour-item",{"f-time-picker__hour-active":o(oe)(b===24?0:b).toString()===a.hour}]),onClick:de(v=>m(b===24?0:b,"hour"),["stop"])},H(o(oe)(b===24?0:b)),11,Gu)),64))],512),$("div",{ref_key:"minuteRef",ref:l,class:"f-time-picker__minute"},[(u(),p(U,null,K(59,b=>$("div",{key:b,class:T(["f-time-picker__minute-item",{"f-time-picker__minute-active":o(oe)(b).toString()===a.minute}]),onClick:de(v=>m(b,"minute"),["stop"])},H(o(oe)(b)),11,ju)),64))],512),$("div",{ref_key:"secondRef",ref:c,class:"f-time-picker__second"},[(u(),p(U,null,K(59,b=>$("div",{key:b,class:T(["f-time-picker__second-item",{"f-time-picker__second-active":o(oe)(b).toString()===a.second}]),onClick:de(v=>m(b,"second"),["stop"])},H(o(oe)(b)),11,Uu)),64))],512)]),$("div",xu,[V(o(se),{size:"mini",onClick:_[1]||(_[1]=b=>f(b,"now"))},{default:A(()=>[X("当前")]),_:1}),V(o(se),{size:"mini",onClick:_[2]||(_[2]=b=>f(b,!1))},{default:A(()=>[X("取消")]),_:1}),V(o(se),{type:"primary",size:"mini",onClick:_[3]||(_[3]=b=>f(b,!0))},{default:A(()=>[X(" 确定 ")]),_:1})])]),default:A(()=>[V(o(Ee),{modelValue:e.value,"onUpdate:modelValue":_[0]||(_[0]=b=>e.value=b),autocomplete:"off",type:"text",placeholder:y.placeholder||"请选择时间",disabled:y.disabled,size:y.size,clear:y.clear,"after-icon":o(Ds)},null,8,["modelValue","placeholder","disabled","size","clear","after-icon"])]),_:1},8,["disabled"])]))}}),Yu=E(qu),Ku={mode:h("horizontal",t=>["horizontal","vertical","inline"].includes(t)),activeName:z(),onMenuItemClick:P(),onSubmenuClick:P()},ut=Symbol("menu-provide-key"),Zu={key:0,class:"f-menu__before"},Wu={class:"f-menu__content"},Xu={key:1,class:"f-menu__after"},Ju=L({name:"FMenu",__name:"menu",props:Ku,setup(t){const e=t,{classes:n}=G(e,"menu"),a=B(e.activeName),r=M(()=>a.value),f=l=>{a.value=l};ue(ut,{mode:Fe(e,"mode"),defaultActive:r,setActiveName:f,onMenuItemClick:e.onMenuItemClick,onSubmenuClick:e.onSubmenuClick});const i=n(["mode"],"f-menu");return(l,c)=>(u(),p("div",{role:"menu",class:T(o(i))},[l.$slots.before?(u(),p("div",Zu,[F(l.$slots,"before")])):w("",!0),$("div",Wu,[F(l.$slots,"default")]),l.$slots.after?(u(),p("div",Xu,[F(l.$slots,"after")])):w("",!0)],2))}}),Qu=E(Ju),ed={icon:Z(),fontSize:z(),color:h(),to:h(),name:z(),disabled:g()},td={class:"f-menu-item__text"},nd=L({name:"FMenuItem",__name:"menu-item",props:ed,setup(t){const e=t,{run:n}=j(),{styles:a}=G(e,"menu-item"),r=le(ut,null),f=je(),i=s=>{if(e.disabled)return;r&&(n(r.onMenuItemClick,e.name,s),n(r.setActiveName,e.name));const d=f.appContext.config.globalProperties.$router;if(d&&e.to)try{d.push(e.to)}catch(m){ye("f-menu-item",m)}},l=M(()=>!r||!r.defaultActive?!1:e.name===r.defaultActive.value),c=a(["fontSize","color"]);return(s,d)=>(u(),p("div",{role:"menuitem",class:T(["f-menu-item",{"f-menu-item__active":l.value,"f-menu-item__disabled":s.disabled}]),style:D(o(c)),onClick:i},[s.icon?(u(),N(o(x),{key:0,icon:s.icon},null,8,["icon"])):w("",!0),$("span",td,[F(s.$slots,"default")])],6))}}),od=E(nd),sd={disabled:g(),opened:g()},ld={class:"f-submenu__title"},rd={class:"f-submenu__title-text"},ad={key:1,role:"none",class:"f-submenu__inline"},id={role:"none",class:"f-submenu__title-text"},cd={role:"none",class:"f-submenu__content"},ud=L({name:"FSubmenu",__name:"submenu",props:sd,setup(t){const e=t,{run:n}=j(),a=le(ut,null),r=B(e.opened),f=i=>{e.disabled||(r.value=!r.value,a&&n(a.onSubmenuClick,r.value,i))};return(i,l)=>(u(),p("div",{role:"menuitem",class:T(["f-submenu",{[`f-submenu__${o(a)&&o(a).mode.value}`]:o(a)&&o(a).mode.value,"f-submenu__disabled":i.disabled}])},[o(a)&&o(a).mode.value!=="inline"?(u(),N(o(at),{key:0,trigger:"click",spacing:5},{content:A(()=>[F(i.$slots,"default")]),default:A(()=>[$("div",ld,[$("div",rd,[i.$slots.title?F(i.$slots,"title",{key:0}):w("",!0)]),V(o(x),{icon:o(De)},null,8,["icon"])])]),_:3})):(u(),p("div",ad,[$("div",{role:"none",class:"f-submenu__title",onClick:f},[$("div",id,[F(i.$slots,"title")]),V(o(x),{class:T(["f-submenu__arrow-icon",{"f-submenu__arrow-icon-animation":r.value}]),icon:o(De)},null,8,["class","icon"])]),$("div",cd,[V(o(Ze),{opened:r.value,"animation-time":.27},{default:A(()=>[F(i.$slots,"default")]),_:3},8,["opened"])])]))],2))}}),dd=E(ud),fd={title:h()},pd={class:"f-menu-item-group"},bd={class:"f-menu-item-group__title"},md={class:"f-menu-item-group__list"},hd=L({name:"FMenuItemGroup",__name:"menu-item-group",props:fd,setup(t){return(e,n)=>(u(),p("div",pd,[$("div",bd,H(e.title),1),$("div",md,[F(e.$slots,"default")])]))}}),_d=E(hd),vd={modelValue:O(0),step:O(1),min:O(0),max:O(100),disabled:g(),background:h(),activeColor:h(),width:z()},gd={class:"f-slider__road"},yd=L({name:"FSlider",__name:"slider",props:Q(vd,{modelValue:{default:0,type:Number},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{styles:a,classes:r}=G(e,"slider"),f=B(),i=B(),{offset:l,offsetLeft:c,setPosition:s}=ul(f,e,n);ie(()=>{i.value&&(to(i.value,c,y=>{if(e.disabled)return;const _=y*100/f.value.clientWidth;s(_)}),s((e.modelValue-e.min)*100/(e.max-e.min)))});const d=r(["disabled"],"f-slider"),m=a(["background","activeColor","width"]);return(y,_)=>(u(),p("div",{ref_key:"sliderEl",ref:f,role:"slider",class:T(o(d)),style:D(o(m))},[$("div",gd,[$("div",{class:"f-slider__selected",style:D(`width: ${o(l)}%`)},null,4),$("div",{ref_key:"circleEl",ref:i,class:"f-slider__icon",style:D(`left: ${o(l)}%`)},null,4)])],6))}}),kd=E(yd),$d=L({name:"FFightingGlobal",__name:"fighting-global",props:jn,setup(t){const e=t,{interceptors:n}=Dn(e),a=M(()=>n("type",()=>ke.includes(e.type),"default")),r=M(()=>n("size",()=>ae.includes(e.size),"middle")),f=M(()=>n("lang",()=>["en-US","zh-CN"].includes(e.lang),"zh-CN"));return ue(It,ne({type:a.value,size:r.value,lang:f.value})),(i,l)=>F(i.$slots,"default")}}),Cd=E($d),wd={model:Z(),labelWidth:z(),labelPosition:h("left",t=>["left","top"].includes(t)),onSubmit:P()},sn=Symbol("form-provide-key"),Sd=L({name:"FForm",__name:"form",props:wd,setup(t,{expose:e}){const n=t,{run:a}=j(),{childrenCheckResult:r,validate:f}=vl(n),i=l=>{l.preventDefault();const c=n.model?f():!0;a(n.onSubmit,c,n.model,r,l)};return ue(sn,ne({..._e(n),childrenCheckResult:r})),e({submit:i,validate:f}),(l,c)=>l.$slots.default?(u(),p("form",{key:0,role:"form",class:"f-form",onsubmit:i},[F(l.$slots,"default")])):w("",!0)}}),Fd=E(Sd),zd={label:h(),name:h(),rules:{type:[Array,Object],default:()=>null}},Ld={key:0,class:"f-form-item__label"},Id={class:"f-form-item__content"},Pd={key:0,class:"f-form-item__error"},Ed=L({name:"FFormItem",__name:"form-item",props:zd,setup(t){const e=t,n=le(sn,null),a=M(()=>{const i=n&&n.childrenCheckResult[e.name];return me(i)?i:!1}),r=M(()=>({"--form-item-label-width":n&&xe(n.labelWidth)})),f=M(()=>["f-form-item",{[`f-form-item__label-${n==null?void 0:n.labelPosition}`]:n==null?void 0:n.labelPosition}]);return(i,l)=>(u(),p("div",{class:T(f.value),style:D(r.value)},[i.label?(u(),p("label",Ld,H(i.label),1)):w("",!0),$("div",Id,[F(i.$slots,"default"),V(ce,{name:"f-form-item__err-transition"},{default:A(()=>[a.value?(u(),p("div",Pd,H(a.value),1)):w("",!0)]),_:1})])],6))}}),Td=E(Ed),Vd={role:h(),padding:z(),width:z(),height:z(),background:h(),display:h()},Md=["role"],Bd=L({name:"FBox",__name:"box",props:Vd,setup(t){const e=t,{styles:n}=G(e,"box"),a=n(["padding","width","height","background","display"]);return(r,f)=>(u(),p("div",{class:"f-box",role:r.role||"none",style:D(o(a))},[F(r.$slots,"default")],12,Md))}}),Ad=E(Bd),Nd={distance:z(0),onScrollEnd:P()},Dd={class:"f-infinite-scrolling"},Rd=L({name:"FInfiniteScrolling",__name:"infinite-scrolling",props:Nd,setup(t){const e=t,{run:n}=j(),a=B(),r=()=>new IntersectionObserver(f=>{f[0].isIntersecting&&n(e.onScrollEnd)},{rootMargin:xe(e.distance)});return ie(()=>{a.value&&r().observe(a.value)}),(f,i)=>(u(),p("div",Dd,[F(f.$slots,"default"),$("div",{ref_key:"loadingRef",ref:a,class:"f-infinite-scrolling__loading"},"加载中...",512)]))}}),Od=E(Rd),Hd={from:O(0),to:O(),approximateTime:O(2e3),localeString:g(),styles:Z(),automatic:g(!0),onAnimationEnd:P()},Gd=L({name:"FNumberAnimate",__name:"number-animate",props:Hd,setup(t,{expose:e}){const n=t,{run:a}=j(),r=B(n.from),f=B(!1),i=d=>{f.value&&(r.value=n.from,f.value=!1);const m=Number(n.to);if(!ee(Number(r.value))||!ee(m)){ye("f-number-animate","Expected value is not a number");return}if(r.value+=m/n.approximateTime*20,r.value>=m){r.value=m,a(n.onAnimationEnd,d);return}window&&window.requestAnimationFrame(i)},l=M(()=>n.localeString?r.value.toLocaleString():r.value),c=(d=!0)=>{f.value=d,window&&window.requestAnimationFrame(i)};return ie(()=>{n.automatic&&c(!1)}),e({run:()=>{c()}}),(d,m)=>(u(),p("div",{class:"f-number-animate",style:D(d.styles)},H(l.value),5))}}),jd=E(Gd),Ud={time:z(0),interval:z(1e3),format:h("HH:mm:ss"),autoStart:g(!0),millisecond:g(!1),onFinish:P()},xd={class:"f-count-down"},qd={key:0,class:"f-count-down__text"},Yd=L({name:"FCountDown",__name:"count-down",props:Ud,setup(t,{expose:e}){const n=t,{run:a}=j(),{start:r,pause:f,reset:i,current:l}=hl({time:+n.time,millisecond:n.millisecond,interval:+n.interval,onFinish:()=>{a(n.onFinish)}}),c=(d,m)=>{const{days:y}=m;let{hours:_,minutes:b,seconds:v,milliseconds:C}=m;const k=(I,S=2)=>(I+"").padStart(S,"0");if(d.includes("DD")?d=d.replace("DD",k(y)):_+=y*24,d.includes("HH")?d=d.replace("HH",k(_)):b+=_*60,d.includes("mm")?d=d.replace("mm",k(b)):v+=b*60,d.includes("ss")?d=d.replace("ss",k(v)):C+=v*1e3,d.includes("S")){const I=k(C,3);d.includes("SSS")?d=d.replace("SSS",I):d.includes("SS")?d=d.replace("SS",I.slice(0,2)):d=d.replace("S",I.charAt(0))}return d},s=M(()=>c(n.format,l.value));return pe(()=>n.time,()=>{i(+n.time),n.autoStart&&r()},{immediate:!0}),e({current:l,start:r,pause:f,reset:i}),(d,m)=>(u(),p("div",xd,[d.$slots.default?w("",!0):(u(),p("span",qd,H(s.value),1)),F(d.$slots,"default",Ct(vn(o(l))))]))}}),Kd=E(Yd),Zd=L({name:"FAvatarGroup",__name:"avatar-group",props:El,setup(t){const e=t,{styles:n}=G(e,"avatar-group");ue(jt,e);const a=B();ie(()=>{if(a.value){const i=a.value.querySelectorAll(".f-avatar");i&&i.length&&i.forEach((l,c)=>{l.style.zIndex=(i.length-c).toString()})}});const f=n(["positionSize"]);return(i,l)=>(u(),p("div",{ref_key:"avatarGroupRef",ref:a,role:"group",class:"f-avatar-group",style:D(o(f))},[F(i.$slots,"default")],4))}}),Wd=E(Zd),Xd={name:z(),label:h(),lazy:g()},Jd=L({name:"FTabsItem",__name:"tabs-item",props:Xd,setup(t){const e=t,n=je(),a=B(e.name),r=le(on,null),f=ne({activeName:a,uid:n.uid,label:e.label}),i=M(()=>r?r.activeName.value===a.value?!0:!e.lazy:!1),l=M(()=>r?r.activeName.value===f.activeName:!1);return ie(()=>{r&&r.registerChild(f)}),(c,s)=>i.value?re((u(),p("div",{key:0,class:T(["f-tabs-item",{"f-tabs-item__active":l.value}]),role:"tabpanel"},[F(c.$slots,"default")],2)),[[be,l.value]]):w("",!0)}}),Qd=E(Jd),ef=Object.freeze(Object.defineProperty({__proto__:null,FAlert:Fl,FAside:Il,FAvatar:Al,FAvatarGroup:Wd,FBackTop:Rl,FBadge:jl,FBox:Ad,FBreadcrumb:Yl,FBreadcrumbItem:Xl,FButton:se,FButtonGroup:Ql,FCalendar:Kt,FCard:Rr,FCheckbox:Se,FCheckboxGroup:Wt,FCloseBtn:$e,FCollapseAnimation:Ze,FConfirmBox:Un,FCountDown:Kd,FDatePicker:Du,FDialog:oa,FDivider:aa,FDrawer:ha,FDropdown:at,FDropdownItem:mu,FEmpty:it,FExpandCard:ka,FFightingGlobal:Cd,FFooter:wa,FForm:Fd,FFormItem:Td,FHeader:za,FImage:Yt,FImagePreview:Na,FInfiniteScrolling:Od,FInput:Ee,FInputNumber:Cu,FLayout:Oa,FLink:Ua,FList:Za,FListItem:Ja,FMain:ti,FMenu:Qu,FMenuItem:od,FMenuItemGroup:_d,FMessage:Pt,FNotification:Et,FNumberAnimate:jd,FOption:Oe,FPageHeader:ai,FPagination:Vc,FProgress:yi,FRadio:zi,FRadioGroup:Ii,FRate:Ni,FRipple:Oi,FSelect:He,FSkeleton:ji,FSlider:kd,FSpace:xn,FStickyCard:tn,FSubmenu:dd,FSvgIcon:x,FSwap:qt,FSwitch:ec,FTable:fu,FTabs:Tu,FTabsItem:Qd,FTag:oc,FText:en,FTextarea:gu,FTimePicker:Yu,FToolbar:Xt,FToolbarItem:we,FTooltip:ac,FTree:_c,FTrigger:Ke,FUpLoad:zc,FWatermark:yc},Symbol.toStringTag,{value:"Module"})),tf="1.0.0-alpha.7",nf=E({directive:Rn(cl(),"loading")}),of=t=>(qn(ef).forEach(([e,n])=>{t.component(e,n)}),t.config.globalProperties.FMessage=Pt,t.config.globalProperties.FNotification=Et,t.directive("loading",nf.directive),t),sf={version:tf,install:of};const lf=[{title:"安装",rule:"安装",url:"docs/install"},{title:"快速上手",rule:"快速上手完整引入自动导入按需引入",url:"docs/import"},{title:"介绍",rule:"介绍",url:"docs/introduce"},{title:"贡献指南",rule:"贡献指南",url:"docs/contributing"},{title:"加入我们",rule:"加入我们",url:"docs/join"},{title:"更新日志",rule:"更新日志changelogCONTRIBUTING",url:"docs/changelog"},{title:"里程碑",rule:"里程碑",url:"docs/milepost"},{title:"Button 按钮",rule:"buttonButton按钮第一个组件",url:"components/button"},{title:"Svg Icon 图标",rule:"svg-iconSvgIcon图标icon",url:"components/svg-icon"},{title:"Link 链接",rule:"linkLink链接超链接",url:"components/link"},{title:"Text 文字",rule:"textText文字文本段落",url:"components/text"},{title:"Layout 布局",rule:"layoutLayout布局容器",url:"components/layout"},{title:"Space 间距",rule:"spaceSpace间距",url:"components/space"},{title:"Color 色彩",rule:"colorColor色彩",url:"components/color"},{title:"Badge 角标",rule:"badgeBadge角标",url:"components/badge"},{title:"Image 图片",rule:"imageImage图片",url:"components/image"},{title:"Image Preview 图片预览",rule:"image-previewImagePreview图片预览",url:"components/image-preview"},{title:"Card 卡片",rule:"cardCard卡片",url:"components/card"},{title:"Tag 标签",rule:"tagTag标签",url:"components/tag"},{title:"Switch 开关",rule:"switchSwitch开关游戏机",url:"components/switch"},{title:"Avatar 头像",rule:"avatarAvatar头像",url:"components/avatar"},{title:"Progress 进度条",rule:"progressProgress进度条",url:"components/progress"},{title:"Empty 空状态",rule:"emptyEmpty空状态",url:"components/empty"},{title:"List 列表",rule:"listList列表",url:"components/list"},{title:"Radio 单选框",rule:"radioRadio单选框",url:"components/radio"},{title:"Checkbox 复选框",rule:"checkboxCheckbox复选框多选框",url:"components/checkbox"},{title:"ExpandCard 折叠动效",rule:"expand-cardExpandCard折叠动效",url:"components/expand-card"},{title:"Tree 树",rule:"treeTree树形控件",url:"components/tree"},{title:"StickyCard 粘性卡片",rule:"sticky-cardStickyCard粘性卡片",url:"components/sticky-card"},{title:"Rate 评分",rule:"rateRate评分星星",url:"components/rate"},{title:"Input 输入框",rule:"inputInput输入框文本框",url:"components/input"},{title:"Up Load 文件上传",rule:"up-loadUpLoad文件上传upload",url:"components/up-load"},{title:"Table 表格",rule:"tableTable表格",url:"components/table"},{title:"Breadcrumb 面包屑",rule:"breadcrumbBreadcrumb面包屑",url:"components/breadcrumb"},{title:"Page Header 页头",rule:"page-headerPageHeader页头",url:"components/page-header"},{title:"Close Btn 关闭按钮",rule:"close-btnCloseBtn关闭按钮",url:"components/close-btn"},{title:"Dropdown 下拉菜单",rule:"dropdownDropdown下拉菜单",url:"components/dropdown"},{title:"Alert 警告",rule:"alertAlert警告提示信息",url:"components/alert"},{title:"Loading 加载",rule:"loadingLoading加载转圈圈",url:"components/loading"},{title:"Message 消息提示",rule:"messageMessage消息提示",url:"components/message"},{title:"Notification 通知",rule:"notificationNotification通知",url:"components/notification"},{title:"Skeleton 骨架屏",rule:"skeletonSkeleton骨架屏",url:"components/skeleton"},{title:"BackTop 返回顶部",rule:"back-topBackTop返回顶部",url:"components/back-top"},{title:"Dialog 对话框",rule:"dialogDialog对话框",url:"components/dialog"},{title:"Drawer 抽屉",rule:"drawerDrawer抽屉",url:"components/drawer"},{title:"Tooltip 消息提示",rule:"tooltipTooltip消息提示",url:"components/tooltip"},{title:"Swap 切换",rule:"swapSwap 切换",url:"components/swap"},{title:"Toolbar 工具栏",rule:"toolbarToolbar工具栏",url:"components/toolbar"},{title:"Divider 分隔线",rule:"dividerDivider分隔线分割线",url:"components/divider"},{title:"Watermark 水印",rule:"watermarkWatermark水印",url:"components/watermark"},{title:"Ripple 涟漪",rule:"rippleRipple涟漪",url:"components/ripple"},{title:"Calendar 日历",rule:"calendarCalendar日历",url:"components/calendar"},{title:"Select 选择器",rule:"selectSelect选择器",url:"components/select"},{title:"Tabs 标签页",rule:"tabsTabs标签页",url:"components/tabs"},{title:"Textarea 文本域",rule:"textareaTextarea文本域",url:"components/textarea"},{title:"Pagination 分页器",rule:"paginationPagination分页器",url:"components/pagination"},{title:"Time Picker 时间选择器",rule:"time-pickerTimePicker时间选择器",url:"components/time-picker"},{title:"Date Picker 日期选择器",rule:"date-pickerDatePicker日期选择器",url:"components/date-picker"},{title:"Input Number 数字输入框",rule:"input-numberInputNumber数字输入框",url:"components/input-number"},{title:"Trigger 触发器",rule:"triggerTrigger触发器",url:"components/trigger"},{title:"Menu 导航菜单",rule:"menuMenu导航菜单导航栏菜单栏",url:"components/menu"},{title:"CollapseAnimation 折叠动画",rule:"collapse-animationCollapseAnimation折叠动画",url:"components/collapse-animation"},{title:"Slider 滑动输入条",rule:"sliderSlider滑动输入条",url:"components/slider"},{title:"Fighting Global 全局配置",rule:"fighting-globalFightingGlobal全局配置",url:"components/fighting-global"},{title:"Interface 接口类型",rule:"interfaceInterface接口类型type",url:"components/interface"},{title:"Form 表单",rule:"formForm表单",url:"components/form"},{title:"Box 盒子",rule:"boxBox盒子div",url:"components/box"},{title:"Infinite Scrolling 无限滚动",rule:"infinite-scrollingInfiniteScrolling无限滚动",url:"components/infinite-scrolling"},{title:"Number Animate 数字动画",rule:"number-animateNumberAnimate数字动画",url:"components/number-animate"},{title:"Count Down 倒计时",rule:"count-downCountDown倒计时",url:"components/count-down"},{title:"Avatar Group 头像组",rule:"avatar-groupAvatarGroup头像组",url:"components/avatar-group"},{title:"Confirm Box 确认框",rule:"confirm-boxConfirmBox确认框",url:"components/confirm-box"}],rf={class:"vp-search"},af=["href"],cf=L({name:"VpSearch",__name:"vp-search",setup(t){const{isDark:e}=Ft(),n=B(""),a=B(!1),r=B(),f=()=>{n.value&&(r.value=lf.filter(c=>c.rule.includes(n.value)),r.value&&r.value.length&&(a.value=!0,setTimeout(()=>{const c=document.querySelectorAll(".vp-search__link");c.length===1&&c[0].click()},200)))},i=()=>{a.value=!1,n.value=""},l=()=>{setTimeout(()=>{a.value=!1},800)};return(c,s)=>{const d=wt("f-input");return u(),p("div",rf,[V(d,{modelValue:n.value,"onUpdate:modelValue":s[0]||(s[0]=m=>n.value=m),type:"text",autocomplete:"off",placeholder:"搜索组件","on-enter":f,"on-blur":l,class:T({dark:o(e)})},null,8,["modelValue","class"]),a.value&&r.value&&r.value.length?(u(),p("div",{key:0,class:T(["vp-search__result",{dark:o(e)}]),onClick:de(i,["stop"])},[(u(!0),p(U,null,K(r.value,(m,y)=>(u(),p("a",{class:T(["vp-search__link",{dark:o(e)}]),key:y,href:`/${m.url}.html`},H(m.title),11,af))),128))],2)):w("",!0)])}}});const uf=te(cf,[["__scopeId","data-v-6bdea009"]]),df={...bt,Layout(){return Me(bt.Layout,null,{"nav-bar-content-before":()=>Me(uf)})},enhanceApp({app:t}){t.use(sf),t.component("vp-demo",tn)}};function ln(t){if(t.extends){const e=ln(t.extends);return{...e,...t,async enhanceApp(n){e.enhanceApp&&await e.enhanceApp(n),t.enhanceApp&&await t.enhanceApp(n)}}}return t}const ze=ln(df),ff=L({name:"VitePressApp",setup(){const{site:t}=Ft();return ie(()=>{tt(()=>{document.documentElement.lang=t.value.lang,document.documentElement.dir=t.value.dir})}),Pn(),En(),Tn(),ze.setup&&ze.setup(),()=>Me(ze.Layout)}});async function pf(){const t=mf(),e=bf();e.provide(yn,t);const n=kn(t.route);return e.provide($n,n),e.component("Content",Cn),e.component("ClientOnly",wn),Object.defineProperties(e.config.globalProperties,{$frontmatter:{get(){return n.frontmatter.value}},$params:{get(){return n.page.value.params}}}),ze.enhanceApp&&await ze.enhanceApp({app:e,router:t,siteData:Sn}),{app:e,router:t,data:n}}function bf(){return Fn(ff)}function mf(){let t=Je,e;return zn(n=>{let a=Ln(n);return t&&(e=a),(t||e===a)&&(a=a.replace(/\.js$/,".lean.js")),Je&&(t=!1),In(()=>import(a),[])},ze.NotFound)}Je&&pf().then(({app:t,router:e,data:n})=>{e.go().then(()=>{gn(e.route,n.site),t.mount("#app")})});export{pf as createApp};
+import{f as B,j as ie,w as pe,_ as te,o as u,c as p,v as $,d as L,C as V,y as A,r as F,b as o,t as H,z as w,n as T,D,ab as an,s as Ge,h as M,i as tt,ac as $t,ad as rn,ae as cn,a1 as ne,$ as Le,x as N,a as X,F as U,J as K,T as ce,Q as le,a9 as _e,a2 as ae,Z as de,a4 as be,R as ue,k as je,af as Q,ag as J,ah as un,X as dn,a8 as Ue,a5 as Fe,O as Ne,ai as fn,aj as Ct,E as Te,ak as pn,A as wt,a0 as St,a6 as Me,al as bn,V as mn,B as hn,am as _n,a3 as pt,an as vn,u as Ft,H as Je,ao as gn,ap as yn,aq as kn,ar as $n,as as Cn,at as wn,au as Sn,av as Fn,aw as zn,ax as Ln,ay as In,az as Pn,aA as En,aB as Tn}from"./chunks/framework.f50263fa.js";import{t as bt}from"./chunks/theme.0b48201a.js";import{o as fe,r as Ie,t as Vn,j,p as xe,v as Mn,a as g,s as h,c as Z,e as x,u as G,w as nt,x as Bn,i as me,h as ee,F as ke,m as z,y as ve,b as O,d as P,f as $e,l as E,z as ot,k as re,A as zt,B as st,C as An,D as lt,q as Nn,n as Xe,E as oe,G as Dn,H as Rn}from"./chunks/index.ccb77e9b.js";import{a as Lt,u as he,P as On,b as It,B as Hn,F as se,c as Gn,d as jn}from"./chunks/index.e9f855f3.js";import{w as ye,e as Ve}from"./chunks/index.a460f002.js";import{F as Pt}from"./chunks/index.661bf63c.js";import{F as Et}from"./chunks/index.c8ccc1ab.js";import{F as Un,a as xn}from"./chunks/index.c6df67b5.js";import"./chunks/index.f96b7fa5.js";const Tt=(t,e)=>{let n=[];return fe(t)&&t.length&&t.forEach(r=>{const a=Ie(r.type)&&r.type.name;if(a===e&&n.push(r),a!==e&&r.children&&fe(r.children)){const f=Tt(r.children,e);n=n.concat(f)}}),n},qn=t=>{if(typeof t!="object"||t===null)return ye("objectEntries","Parameter is not an object type."),[];if(Object.entries&&Object.entries!==void 0)return Object.entries(t);const e=[];for(const n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.push([n,t[n]]);return e},Yn=()=>{const t=B(1),e=B(0),n=()=>{Vn(t.value,1)>=.2&&(t.value-=.2)},r=()=>{t.value<=10&&(t.value+=.2)};return{scale:t,rotate:e,smaller:n,bigger:r,scrollZoom:c=>{c.preventDefault(),c.deltaY>1?n():r()},recovery:()=>{t.value=1,e.value=0},rotateClockwise:()=>{e.value+=90},rotateCounterClock:()=>{e.value-=90}}},Kn=t=>{const e=eo(),n=(i,l)=>{const c=[31,28,31,30,31,30,31,31,30,31,30,31];return l-1===-1&&(l=12),l===2&&a(i)?29:c[l-1]},r=(i,l)=>new Date(i,l-1,1).getDay(),a=i=>i%4===0&&i%100!==0||i%400===0;return{generateCalendar:(i,l)=>{const c=[],s=r(i,l),d=n(i,l-1);for(let _=s-1;_>=0;_--){const b=l-1===0?12:l-1,v=d-_,C=t.lunar?e(i,b,v):{};c.push({year:i,month:b,day:v,target:"prev",...C})}let m=1;for(;m<=n(i,l);){const _=t.lunar?e(i,l,m):{};c.push({year:i,month:l,day:m,target:"current",..._}),m++}let y=1;for(;c.length%7!==0;){const _=l+1===13?1:l+1,b=t.lunar?e(i,_,y):{};c.push({year:i,month:_,day:y,target:"next",...b}),y++}return c}}},Vt=(t,e)=>{const{run:n}=j();return{handleInput:i=>{n(t.onInput,e.value,i)},handleChange:i=>{n(t.onChange,e.value,i)},handleClear:()=>{t.disabled||(e.value="")}}},Mt=(t,e,n)=>{const{run:r}=j(),a=B(!0),f=B(!1);let i=!1;const l=(b,v,C)=>{b.src=C,a.value=!0,f.value=!0,r(e.onLoad,v)},c=b=>{a.value=!1,r(e.onError,b)},s=(b,v)=>{const C=new Image;new Promise((k,I)=>{C.src=v||e.src,C.addEventListener("load",S=>{k(S)}),C.addEventListener("error",S=>{I(S)})}).then(k=>{k&&l(b,k,C.src)}).catch(k=>{if(!i&&e.errSrc){s(b,e.errSrc),i=!0;return}c(k)})},d=b=>{const v=new IntersectionObserver(C=>{C[0].isIntersecting&&(s(b),v.unobserve(b))},{rootMargin:xe(e.rootMargin)});return v},m=b=>{const v=()=>{const C=window.innerHeight||document.documentElement.clientHeight,k=document.documentElement.scrollTop||document.body.scrollTop,I=b.offsetParent.offsetTop,S=C+k-I;Math.abs(S){if(t.value){if(e.lazy){IntersectionObserver?d(t.value).observe(t.value):m(t.value);return}s(t.value)}},_=()=>{if(n){if(n())y();else return;return}y()};return ie(_),pe(()=>e.src,()=>{_()}),{isSuccess:a,isShowNode:f}},Bt="data-index",At="f-toolbar-item",qe="f-pagination",ge=`${qe}__item`,Nt=`${qe}__prev`,Dt=`${qe}__next`,mt=25,Rt="f-trigger",Ot="f-trigger__content-box",Zn=t=>{(()=>{const c=t.children[0].cloneNode(!0);t.appendChild(c)})();const n=24;let r=0;const a=t.children.length,f=()=>{let l=r*n;r++;const c=r*n,s=500,d=15,m=s/d,y=(c-l)/m,_=setInterval(()=>{if(l+=y,l>=c&&(clearInterval(_),r===a-1)){t.scrollTop=0,r=0;return}t.scrollTop=l},d)};return(l=2e3)=>{setInterval(f,l)}},Ht=(t,e,n)=>{const{run:r}=j(),a=i=>{e.value=!1,r(n,i)};return{closeVisible:a,maskClose:()=>{t.maskClose&&a()}}},Be=[19416,19168,42352,21717,53856,55632,91476,22176,39632,21970,19168,42422,42192,53840,119381,46400,54944,44450,38320,84343,18800,42160,46261,27216,27968,109396,11104,38256,21234,18800,25958,54432,59984,92821,23248,11104,100067,37600,116951,51536,54432,120998,46416,22176,107956,9680,37584,53938,43344,46423,27808,46416,86869,19872,42416,83315,21168,43432,59728,27296,44710,43856,19296,43748,42352,21088,62051,55632,23383,22176,38608,19925,19152,42192,54484,53840,54616,46400,46752,103846,38320,18864,43380,42160,45690,27216,27968,44870,43872,38256,19189,18800,25776,29859,59984,27480,23232,43872,38613,37600,51552,55636,54432,55888,30034,22176,43959,9680,37584,51893,43344,46240,47780,44368,21977,19360,42416,86390,21168,43312,31060,27296,44368,23378,19296,42726,42208,53856,60005,54576,23200,30371,38608,19195,19152,42192,118966,53840,54560,56645,46496,22224,21938,18864,42359,42160,43600,111189,27936,44448,84835,37744,18936,18800,25776,92326,59984,27424,108228,43744,37600,53987,51552,54615,54432,55888,23893,22176,42704,21972,21200,43448,43344,46240,46758,44368,21920,43940,42416,21168,45683,26928,29495,27296,44368,84821,19296,42352,21732,53600,59752,54560,55968,92838,22224,19168,43476,41680,53584,62034,54560],ht={"1-1":{title:"元旦"},"2-2":{title:"湿地日"},"2-14":{title:"情人节"},"3-8":{title:"妇女节"},"3-12":{title:"植树节"},"4-1":{title:"愚人节"},"5-1":{title:"劳动节"},"5-4":{title:"青年节"},"5-12":{title:"护士节"},"6-1":{title:"儿童节"},"7-1":{title:"建党节"},"8-1":{title:"建军节"},"9-10":{title:"教师节"},"10-1":{title:"国庆节"},"12-24":{title:"平安夜"},"12-25":{title:"圣诞节"}},_t={"1-1":{title:"春节"},"1-15":{title:"元宵节"},"2-2":{title:"龙抬头"},"5-5":{title:"端午节"},"7-7":{title:"七夕节"},"7-15":{title:"中元节"},"8-15":{title:"中秋节"},"9-9":{title:"重阳节"},"10-1":{title:"寒衣节"},"10-15":{title:"下元节"},"12-8":{title:"腊八节"},"12-23":{title:"北小年"},"12-24":{title:"南小年"},"12-30":{title:"除夕"}},Wn=["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"],Xn=["日","一","二","三","四","五","六","七","八","九","十"],Jn=["初","十","廿","卅"],Qn=["9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c3598082c95f8c965cc920f","97bd0b06bdb0722c965ce1cfcc920f","b027097bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd0b06bdb0722c965ce1cfcc920f","b027097bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd0b06bdb0722c965ce1cfcc920f","b027097bd097c36b0b6fc9274c91aa","9778397bd19801ec9210c965cc920e","97b6b97bd19801ec95f8c965cc920f","97bd09801d98082c95f8e1cfcc920f","97bd097bd097c36b0b6fc9210c8dc2","9778397bd197c36c9210c9274c91aa","97b6b97bd19801ec95f8c965cc920e","97bd09801d98082c95f8e1cfcc920f","97bd097bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c91aa","97b6b97bd19801ec95f8c965cc920e","97bcf97c3598082c95f8e1cfcc920f","97bd097bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c3598082c95f8c965cc920f","97bd097bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c3598082c95f8c965cc920f","97bd097bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd097bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd097bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf97c359801ec95f8c965cc920f","97bd097bd07f595b0b6fc920fb0722","9778397bd097c36b0b6fc9210c8dc2","9778397bd19801ec9210c9274c920e","97b6b97bd19801ec95f8c965cc920f","97bd07f5307f595b0b0bc920fb0722","7f0e397bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c920e","97b6b97bd19801ec95f8c965cc920f","97bd07f5307f595b0b0bc920fb0722","7f0e397bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c91aa","97b6b97bd19801ec9210c965cc920e","97bd07f1487f595b0b0bc920fb0722","7f0e397bd097c36b0b6fc9210c8dc2","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf7f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf7f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf7f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c965cc920e","97bcf7f1487f531b0b0bb0b6fb0722","7f0e397bd07f595b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b97bd19801ec9210c9274c920e","97bcf7f0e47f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9210c91aa","97b6b97bd197c36c9210c9274c920e","97bcf7f0e47f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9210c8dc2","9778397bd097c36c9210c9274c920e","97b6b7f0e47f531b0723b0b6fb0722","7f0e37f5307f595b0b0bc920fb0722","7f0e397bd097c36b0b6fc9210c8dc2","9778397bd097c36b0b70c9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e37f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc9210c8dc2","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e27f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9274c91aa","97b6b7f0e47f531b0723b0787b0721","7f0e27f0e47f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9210c91aa","97b6b7f0e47f149b0723b0787b0721","7f0e27f0e47f531b0723b0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","9778397bd097c36b0b6fc9210c8dc2","977837f0e37f149b0723b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e37f5307f595b0b0bc920fb0722","7f0e397bd097c35b0b6fc9210c8dc2","977837f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0721","7f0e37f1487f595b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc9210c8dc2","977837f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","977837f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd097c35b0b6fc920fb0722","977837f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","977837f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","977837f0e37f14998082b0787b06bd","7f07e7f0e47f149b0723b0787b0721","7f0e27f0e47f531b0b0bb0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","977837f0e37f14998082b0723b06bd","7f07e7f0e37f149b0723b0787b0721","7f0e27f0e47f531b0723b0b6fb0722","7f0e397bd07f595b0b0bc920fb0722","977837f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e37f1487f595b0b0bb0b6fb0722","7f0e37f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e37f1487f531b0b0bb0b6fb0722","7f0e37f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e37f1487f531b0b0bb0b6fb0722","7f0e37f0e37f14898082b072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e37f0e37f14898082b072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e37f0e366aa89801eb072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f149b0723b0787b0721","7f0e27f1487f531b0b0bb0b6fb0722","7f0e37f0e366aa89801eb072297c35","7ec967f0e37f14998082b0723b06bd","7f07e7f0e47f149b0723b0787b0721","7f0e27f0e47f531b0723b0b6fb0722","7f0e37f0e366aa89801eb072297c35","7ec967f0e37f14998082b0723b06bd","7f07e7f0e37f14998083b0787b0721","7f0e27f0e47f531b0723b0b6fb0722","7f0e37f0e366aa89801eb072297c35","7ec967f0e37f14898082b0723b02d5","7f07e7f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e36665b66aa89801e9808297c35","665f67f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b0721","7f07e7f0e47f531b0723b0b6fb0722","7f0e36665b66a449801e9808297c35","665f67f0e37f14898082b0723b02d5","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e36665b66a449801e9808297c35","665f67f0e37f14898082b072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e26665b66a449801e9808297c35","665f67f0e37f1489801eb072297c35","7ec967f0e37f14998082b0787b06bd","7f07e7f0e47f531b0723b0b6fb0721","7f0e27f1487f531b0b0bb0b6fb0722"],eo=()=>{const t=c=>{let s,d=348;for(s=32768;s>8;s>>=1)d+=Be[c-1900]&s?1:0;return d+n(c)},e=c=>Be[c-1900]&15,n=c=>e(c)?Be[c-1900]&65536?30:29:0,r=(c,s)=>s>12||s<1?-1:Be[c-1900]&65536>>s?30:29,a=(c,s)=>{const d="魔羯水瓶双鱼白羊金牛双子巨蟹狮子处女天秤天蝎射手魔羯",m=[20,19,21,21,21,22,23,23,23,23,22,22];return d.substr(c*2-(s{if(c<1900||c>2100||s<1||s>24)return-1;const d=Qn[c-1900],m=[];for(let y=0;y{let s;switch(c){case 10:s="初十";break;case 20:s="二十";break;case 30:s="三十";break;default:s=Jn[Math.floor(c/10)],s+=Xn[c%10]}return s};return(c,s,d)=>{let m=parseInt(c.toString()),y=parseInt(s.toString()),_=parseInt(d.toString());if(m<1900||m>2100||m===1900&&y===1&&_<31)return-1;let b;m?b=new Date(m,parseInt(y.toString())-1,_):b=new Date;let v,C=0,k=0;m=b.getFullYear(),y=b.getMonth()+1,_=b.getDate();let I=(Date.UTC(b.getFullYear(),b.getMonth(),b.getDate())-Date.UTC(1900,0,31))/864e5;for(v=1900;v<2101&&I>0;v++)k=t(v),I-=k;I<0&&(I+=k,v--),b.getDay();const S=v;C=e(v);let R=!1;for(v=1;v<13&&I>0;v++)C>0&&v===C+1&&R===!1?(--v,R=!0,k=n(S)):k=r(S,v),R===!0&&v===C+1&&(R=!1),I-=k;I===0&&C>0&&v===C+1&&(R?R=!1:(R=!0,--v)),I<0&&(I+=k,--v);const q=v,W=I+1,Y=f(m,y*2);let Ce="";Y===_&&(Ce=Wn[y*2-1]);const dt=a(y,_),ft=y+"-"+_;let We=q+"-"+W;return q===12&&W===29&&r(S,q)===29&&(We="12-30"),{festival:ht[ft]?ht[ft].title:"",lunarFestival:_t[We]?_t[We].title:"",lunar:i(W),term:Ce,constellation:dt}}},to=(t,e,n)=>{const r=i=>{n(i.clientX-e.value)},a=()=>{document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",a)},f=()=>{document.addEventListener("mousemove",r,{passive:!1}),document.addEventListener("mouseup",a,{passive:!1})};t.addEventListener("mousedown",f,{passive:!1})},no={visible:g(),text:h(),color:h(),fullscreen:g(),background:h(),icon:Z()},oo={},so={width:"1em",height:"1em",viewBox:"0 0 16 16"},lo=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"m7.25 3.75l-4.5 4.5l4.5 4.5m6-4.5H2.75"},null,-1),ao=[lo];function ro(t,e){return u(),p("svg",so,ao)}const io=te(oo,[["render",ro]]),co={},uo={width:"1em",height:"1em",viewBox:"0 0 16 16"},fo=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M10.25 3.75L5.75 8l4.5 4.25"},null,-1),po=[fo];function bo(t,e){return u(),p("svg",uo,po)}const Ye=te(co,[["render",bo]]),mo={},ho={width:"1em",height:"1em",viewBox:"0 0 16 16"},_o=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M5.75 12.25L10.25 8l-4.5-4.25"},null,-1),vo=[_o];function go(t,e){return u(),p("svg",ho,vo)}const Pe=te(mo,[["render",go]]),yo={},ko={width:"1em",height:"1em",viewBox:"0 0 16 16"},$o=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M1.75 2.75h12.5v10.5H1.75zM2 8h12"},null,-1),Co=[$o];function wo(t,e){return u(),p("svg",ko,Co)}const So=te(yo,[["render",wo]]),Fo={},zo={width:"1em",height:"1em",viewBox:"0 0 16 16"},Lo=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M4.75 5.25h-3m0 3.5c0 2.5 2.798 5.5 6.25 5.5a6.25 6.25 0 1 0 0-12.5c-3.75 0-6.25 3.5-6.25 3.5v-3.5"},null,-1),Io=[Lo];function Po(t,e){return u(),p("svg",zo,Io)}const Eo=te(Fo,[["render",Po]]),To={},Vo={width:"1em",height:"1em",viewBox:"0 0 16 16"},Mo=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M11.25 5.25h3m0 3.5c0 2.5-2.798 5.5-6.25 5.5a6.25 6.25 0 1 1 0-12.5c3.75 0 6.25 3.5 6.25 3.5v-3.5"},null,-1),Bo=[Mo];function Ao(t,e){return u(),p("svg",Vo,Bo)}const No=te(To,[["render",Ao]]),Do={},Ro={width:"32",height:"32",viewBox:"0 0 24 24"},Oo=$("path",{fill:"currentColor",d:"m12 18.275l-4.15 2.5q-.275.175-.575.15q-.3-.025-.525-.2q-.225-.175-.35-.437q-.125-.263-.05-.588l1.1-4.725L3.775 11.8q-.25-.225-.312-.513Q3.4 11 3.5 10.725q.1-.275.3-.45q.2-.175.55-.225l4.85-.425l1.875-4.45q.125-.3.388-.45q.262-.15.537-.15t.538.15q.262.15.387.45l1.875 4.45l4.85.425q.35.05.55.225q.2.175.3.45q.1.275.038.562q-.063.288-.313.513l-3.675 3.175l1.1 4.725q.075.325-.05.588q-.125.262-.35.437q-.225.175-.525.2q-.3.025-.575-.15Z"},null,-1),Ho=[Oo];function Go(t,e){return u(),p("svg",Ro,Ho)}const jo=te(Do,[["render",Go]]),Uo={},xo={width:"1em",height:"1em",viewBox:"0 0 16 16"},qo=$("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[$("circle",{cx:"7.5",cy:"7.5",r:"4.75"}),$("path",{d:"M9.25 7.5h-3.5M7.5 5.75v3.5m3.75 2l3 3"})],-1),Yo=[qo];function Ko(t,e){return u(),p("svg",xo,Yo)}const Zo=te(Uo,[["render",Ko]]),Wo={},Xo={width:"1em",height:"1em",viewBox:"0 0 16 16"},Jo=$("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[$("circle",{cx:"7.5",cy:"7.5",r:"4.75"}),$("path",{d:"M9.25 7.5h-3.5m5.5 3.75l3 3"})],-1),Qo=[Jo];function es(t,e){return u(),p("svg",Xo,Qo)}const ts=te(Wo,[["render",es]]),ns={},os={width:"32",height:"32",viewBox:"0 0 24 24"},ss=$("path",{fill:"currentColor",d:"M2 5.27L3.28 4L20 20.72L18.73 22l-3.08-3.08c-1.15.38-2.37.58-3.65.58c-5 0-9.27-3.11-11-7.5c.69-1.76 1.79-3.31 3.19-4.54L2 5.27M12 9a3 3 0 0 1 3 3a3 3 0 0 1-.17 1L11 9.17A3 3 0 0 1 12 9m0-4.5c5 0 9.27 3.11 11 7.5a11.79 11.79 0 0 1-4 5.19l-1.42-1.43A9.862 9.862 0 0 0 20.82 12A9.821 9.821 0 0 0 12 6.5c-1.09 0-2.16.18-3.16.5L7.3 5.47c1.44-.62 3.03-.97 4.7-.97M3.18 12A9.821 9.821 0 0 0 12 17.5c.69 0 1.37-.07 2-.21L11.72 15A3.064 3.064 0 0 1 9 12.28L5.6 8.87c-.99.85-1.82 1.91-2.42 3.13Z"},null,-1),ls=[ss];function as(t,e){return u(),p("svg",os,ls)}const rs=te(ns,[["render",as]]),is={},cs={width:"32",height:"32",viewBox:"0 0 24 24"},us=$("path",{fill:"currentColor",d:"M12 9a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m0-4.5c5 0 9.27 3.11 11 7.5c-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0 0 17.64 0a9.821 9.821 0 0 0-17.64 0Z"},null,-1),ds=[us];function fs(t,e){return u(),p("svg",cs,ds)}const ps=te(is,[["render",fs]]),bs={},ms={width:"1em",height:"1em",viewBox:"0 0 16 16"},hs=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M2.75 1.75h10.5v12.5H2.75zm3 6h4.5m-4.5 3h2.5m-2.5-6h4.5"},null,-1),_s=[hs];function vs(t,e){return u(),p("svg",ms,_s)}const gs=te(bs,[["render",vs]]),ys={},ks={width:"1em",height:"1em",viewBox:"0 0 16 16"},$s=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M12.75 7.75h-10m5-5v10"},null,-1),Cs=[$s];function ws(t,e){return u(),p("svg",ks,Cs)}const Ss=te(ys,[["render",ws]]),Fs={},zs={width:"32",height:"32",viewBox:"0 0 512 512"},Ls=$("path",{fill:"currentColor",d:"M128 128h256v38H128zm-16 64h288v38H112z"},null,-1),Is=$("path",{fill:"currentColor",d:"M448 64H64L32 256v192h448V256Zm-12 192H320a64 64 0 0 1-128 0H76l22-150h316Z"},null,-1),Ps=[Ls,Is];function Es(t,e){return u(),p("svg",zs,Ps)}const Ts=te(Fs,[["render",Es]]),Vs={},Ms={width:"32",height:"32",viewBox:"0 0 24 24"},Bs=$("path",{fill:"currentColor",d:"M12 20c4.4 0 8-3.6 8-8s-3.6-8-8-8s-8 3.6-8 8s3.6 8 8 8m0-18c5.5 0 10 4.5 10 10s-4.5 10-10 10S2 17.5 2 12S6.5 2 12 2m5 9.5V13h-6V7h1.5v4.5H17Z"},null,-1),As=[Bs];function Ns(t,e){return u(),p("svg",Ms,As)}const Ds=te(Vs,[["render",Ns]]),Rs={},Os={width:"1em",height:"1em",viewBox:"0 0 16 16"},Hs=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M12.25 10.25L8 5.75l-4.25 4.5"},null,-1),Gs=[Hs];function js(t,e){return u(),p("svg",Os,Gs)}const Us=te(Rs,[["render",js]]),xs={},qs={width:"1em",height:"1em",viewBox:"0 0 16 16"},Ys=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M3.75 5.75L8 10.25l4.25-4.5"},null,-1),Ks=[Ys];function Zs(t,e){return u(),p("svg",qs,Ks)}const De=te(xs,[["render",Zs]]),Ws={},Xs={width:"1em",height:"1em",viewBox:"0 0 16 16"},Js=$("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[$("circle",{cx:"2.5",cy:"8",r:".75"}),$("circle",{cx:"8",cy:"8",r:".75"}),$("circle",{cx:"13.5",cy:"8",r:".75"})],-1),Qs=[Js];function el(t,e){return u(),p("svg",Xs,Qs)}const vt=te(Ws,[["render",el]]),tl={},nl={width:"1em",height:"1em",viewBox:"0 0 16 16"},ol=$("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M1.75 3.75h12.5v10.5H1.75zm9.5-2v1.5m-6.5-1.5v1.5m-2.5 4h11.5"},null,-1),sl=[ol];function ll(t,e){return u(),p("svg",nl,sl)}const al=te(tl,[["render",ll]]),rl={key:0,class:"f-loading__title"},il=L({name:"FLoading",__name:"loading",props:no,setup(t){const e=t,{styles:n,classes:r}=G(e,"loading"),a=n(["background","color"]),f=r(["fullscreen"],"f-loading");return(i,l)=>i.visible?(u(),p("div",{key:0,class:T(o(f)),style:D(o(a))},[V(o(x),{size:20,class:"f-loading__animation",icon:i.icon},{default:A(()=>[F(i.$slots,"icon",{},()=>[V(o(Lt))])]),_:3},8,["icon"]),i.text?(u(),p("span",rl,H(i.text),1)):w("",!0)],6)):w("",!0)}}),cl=()=>{const t=(a,f)=>{const i=c=>f.value[c],l=c=>i(c)||a.getAttribute(`f-loading-${c}`)||"";return{visible:!!f.value,fullscreen:f.modifiers.fullscreen,text:l("text"),color:l("color"),background:l("background")}},e=(a,f)=>{a.originalPosition!=="absolute"&&a.originalPosition!=="fixed"&&(a.style.position="relative");const i=t(a,f),l=an(il,i),c=l.mount(document.createElement("div"));a.vm=c,a.loadingInstance=l,a.appendChild(c.$el)},n=a=>{a.loadingInstance&&(a.style.position=a.originalPosition,a.removeChild(a.vm.$el),a.loadingInstance.unmount(),a.loadingInstance=null)};return{mounted:(a,f)=>{const i=getComputedStyle(a).position||"static";a.originalPosition=i,f.value&&e(a,f)},updated:(a,f)=>{f.value!==f.oldValue&&(f.value?e(a,f):n(a))}}},ul=(t,e,n)=>{const r=B(0),a=c=>{let s=c.offsetLeft,d=c.offsetParent;for(;d!==null;)s+=d.offsetLeft,d=d.offsetParent;return s},f=()=>{t.value&&(r.value=a(t.value))};ie(()=>{f(),window&&window.addEventListener("resize",f)}),Ge(()=>{window&&window.removeEventListener("resize",f)});const i=B(0);return{offset:i,offsetLeft:r,setPosition:c=>{c<0?c=0:c>100&&(c=100);const d=Math.round(c/e.step)*e.step;i.value=d,n.value=d}}},dl=(t,e)=>{const{run:n}=j(),r=M(()=>{const c=Math.floor(t.total/t.pageSize);return t.total%t.pageSize===0?c:c+1}),a=M(()=>{const c=Number(t.pagerCount),s=Number(t.current),d=(c-1)/2;let m=!1,y=!1;const _=[];if(r.value>c)t.current>c-d&&(m=!0),t.current{if(t.disabled)return;let s;n({next:()=>{const m=t.current===r.value?r.value:t.current+1;e.currentModelValue.value=m,n(t.onNext,m,t.pageSize),n(t.onChange,m,t.pageSize)},prev:()=>{s=t.current===1?1:t.current-1,e.currentModelValue.value=s,n(t.onPrev,s,t.pageSize),n(t.onChange,s,t.pageSize)}}[c])},i=B(!1),l=B(!1);return tt(()=>{const c=Number(t.pagerCount),s=(c-1)/2;i.value=!1,l.value=!1,r.value>c&&(t.current>c-s&&(i.value=!0),t.current{const{run:a}=j(),f=d=>{const m=Math.ceil(t.total/Number(d));t.current>m&&(e.currentModelValue.value=m),e.pageSizeModelValue.value=Number(d)},i=(d,m)=>{t.disabled||(e.currentModelValue.value=d,a(t.onChange,d,t.pageSize,m))},l=B("1");return{jumpCurrent:l,selectChange:f,handelChange:i,handleInput:()=>{t.disabled||(Number(l.value)>n.value.length&&(l.value=String(n.value.length)),e.currentModelValue.value=Number(l.value))},handelClick:d=>{if(t.disabled)return;const m=d.target;if(m.className.includes(ge)){let y=Number(m.textContent);const _=t.pagerCount,b=t.current,v=_-2;m.className.includes(Nt)&&(y=b-v),m.className.includes(Dt)&&(y=b+v),Number.isNaN(y)||(y<1&&(y=1),y>r.value&&(y=r.value)),y!==b&&(e.currentModelValue.value=y,a(t.onChange,y,t.pageSize,d))}}}},gt=t=>nt?window.requestAnimationFrame(t):-1,pl=t=>{nt&&window.cancelAnimationFrame(t)},Re=1e3,Qe=60*Re,et=60*Qe,yt=24*et,bl=t=>{const e=Math.floor(t/yt),n=Math.floor(t%yt/et),r=Math.floor(t%et/Qe),a=Math.floor(t%Qe/Re),f=Math.floor(t%Re);return{total:t,days:e,hours:n,minutes:r,seconds:a,milliseconds:f}},ml=(t,e,n=Re)=>Math.floor(t/n)===Math.floor(e/n),hl=t=>{let e,n,r,a;const f=B(t.time),i=M(()=>bl(f.value)),l=()=>Math.max(n-performance.now(),0),c=v=>{var C;f.value=v,v===0&&(y(),(C=t.onFinish)==null||C.call(t))},s=()=>{nt&&(t.millisecond?_():b())},d=()=>{r||(n=performance.now()+f.value,r=!0,s())},m=(v=t.time)=>{y(),f.value=v},y=()=>{r=!1,pl(e)},_=()=>{e=gt(()=>{r&&(c(l()),f.value>0&&_())})},b=()=>{e=gt(()=>{if(r){const v=l();(!ml(v,f.value,t.interval)||v===0)&&c(v),f.value>0&&b()}})};return $t(y),rn(()=>{a&&(r=!0,a=!1,s())}),cn(()=>{r&&(y(),a=!0)}),{start:d,pause:y,reset:m,current:i}},_l=(t,e)=>{const{run:n}=j(),r=ne({x:"",y:""}),a=M(()=>{const{spacing:v,enterDuration:C,leaveDuration:k}=t;return{"--trigger-content-x":r.x,"--trigger-content-y":r.y,"--trigger-spacing-size":xe(v),"--trigger-enter-duration":C&&C+"s","--trigger-leave-duration":k&&k+"s"}}),f=()=>{const v=e.value;if(!v)return;const{left:C,top:k,height:I}=v.getBoundingClientRect(),S=C+window.scrollX,R=k+window.scrollY+I;r.x=S+"px",r.y=R+"px"},i=B(!1);let l=!1;const c=v=>{if(!t.disabled){if(i.value){l=!0;return}f(),i.value=!0,l=!0,n(t.onOpen,i.value,v),n(t.onChange,i.value,v)}},s=v=>{if(t.disabled)return;l=!1;const C=()=>{i.value=!1,n(t.onClose,i.value,v),n(t.onChange,i.value,v)};if(t.trigger==="click"){C();return}setTimeout(()=>{l||C()},300)},d=()=>{l=!0},m=()=>{e.value&&(t.trigger==="hover"&&(e.value.addEventListener("mouseenter",c),e.value.addEventListener("mouseleave",s)),t.trigger==="click"&&e.value.addEventListener("click",c))};ie(m),pe(()=>t.trigger,m);const y=v=>{const C=v.target;C.closest("."+Ot)||C.closest("."+Rt)||(s(v),window.removeEventListener("click",y,!0),window.removeEventListener("resize",f))};return{visible:i,styleList:a,close:s,onBeforeEnter:v=>{if(t.trigger==="hover"){const C=v;C.addEventListener("mouseenter",d),C.addEventListener("mouseleave",s)}window.addEventListener("resize",f),window.addEventListener("click",y,!0)},onAfterLeave:v=>{if(t.trigger==="hover"){const C=v;C.removeEventListener("mouseenter",d),C.removeEventListener("mouseleave",s)}}}},vl=t=>{const e=ne({}),n=Le(),r=M(()=>{if(!n.default)return[];const i=Tt(n.default(),"FFormItem");return i.forEach(l=>{l.props&&l.props.name&&l.props.rules&&(e[l.props.name]=!1)}),i}),a=(i,l)=>{const c=s=>{if((s.max||s.min)&&!ee(i)&&!me(i))return ye("f-form-item","Wrong parameter type to be detected"),!1;const d=(i+"").length;return!(s.required&&!i||s.max&&d>s.max||s.min&&d{r.value.forEach(l=>{const c=l.props&&l.props.rules,s=l.props&&l.props.name;if(l.props&&c&&s&&t.model)if(s.includes(".")){const d=Bn(s,".");let m=t.model;if(d&&d.length){for(const _ of d)if(m=m[_],!m){ye("f-form-item",`${s} is not a valid \`name\` parameter`);break}const y=a(m,c);e[s]=y}}else if(s in t.model){const d=t.model[s],m=a(d,c);e[s]=m}else ye("f-form-item",`${s} is not a valid \`name\` parameter`)});const i=Object.values(e);return i.length?i.every(l=>!!l&&!me(l)):!0}}},{run:Ae}=j(),Gt=t=>({handleOpen:f=>{document.body.style.overflow="hidden",Ae(t.onOpen,f)},handleOpenEnd:f=>{Ae(t.onOpenEnd,f)},handleClose:f=>{document.body.style.overflow="",Ae(t.onClose,f)},handleCloseEnd:f=>{Ae(t.onCloseEnd,f)}}),gl=t=>{const{run:e}=j(),n=M(()=>ee(t.animationTime)?`${t.animationTime}s all ease-in-out`:"0.747s all ease-in-out");return{onBeforeEnter:s=>{const d=s;d.style.transition=n.value,t.widthAnimation&&(d.style.width="0"),t.heightAnimation&&(d.style.height="0"),e(t.onOpen,s)},onEnter:s=>{const d=s;if(d.style.overflow="hidden",t.heightAnimation?d.style.height=d.scrollHeight+"px":d.style.height="auto",t.widthAnimation){d.style.width="auto";const m=d.getBoundingClientRect().width;d.style.width="0",d.offsetWidth,d.style.width=m+"px"}else d.style.width="auto"},onAfterEnter:s=>{const d=s;d.style.transition="",d.style.height="",d.style.width="",e(t.onOpenEnd,s)},onBeforeLeave:s=>{const d=s;if(d.style.transition=n.value,t.heightAnimation&&(d.style.height=d.scrollHeight+"px"),t.widthAnimation){const m=d.getBoundingClientRect().width;d.style.width=m+"px"}e(t.onClose,s)},onLeave:s=>{const d=s;d.style.overflow="hidden",t.heightAnimation&&(d.style.height="0"),t.widthAnimation&&(d.style.width="0")},onAfterLeave:s=>{const d=s;d.style.transition="",d.style.height="",d.style.width="",e(t.onCloseEnd,s)}}},yl=t=>M(()=>{const e=document.createElement("canvas"),n=window.devicePixelRatio||1,a=t.fontSize*n+"px serif",f=e.getContext("2d");if(f){const{width:i}=f.measureText(t.content),l=Math.max(100,i)*n+t.gap;return e.width=l,e.height=l,f.translate(e.width/2,e.height/2),f.rotate(Math.PI/190*-45),f.fillStyle=t.fontColor,f.font=a,f.textAlign="center",f.textBaseline="middle",f.fillText(t.content,0,0),{base64:e.toDataURL(),size:l/n}}return{base64:"",size:0}}),kl={type:h(void 0,t=>ke.includes(t)),fontSize:z(),titleSize:z(),bold:g(),center:g(),close:g(),simple:g(),title:h(),round:g(),background:h(),color:h(),titleColor:h(),fixed:g(),closeIcon:Z(),beforeIcon:Z(),alertList:ve([]),duration:O(),onClose:P()},$l={class:"f-alert__content"},Cl={key:0,class:"f-alert__title"},wl={key:1,class:"f-alert__sub-title"},Sl=L({name:"FAlert",__name:"alert",props:kl,setup(t){const e=t,{getProp:n}=he(e),{run:r}=j(),{styles:a,classes:f}=G(n(["type"]),"alert"),i=B(!0),l=B(),c=f(["type","bold","simple","center","round","fixed"],"f-alert"),s=a(["fontSize","color","background","titleSize","titleColor"]),d=m=>{i.value=!1,r(e.onClose,m)};return ie(()=>{e.alertList&&e.alertList.length&&l.value&&Zn(l.value)(ee(e.duration)?e.duration:2e3)}),(m,y)=>(u(),N(ce,{name:"f-alert"},{default:A(()=>[i.value?(u(),p("div",{key:0,role:"alert",class:T(o(c)),style:D(o(s))},[m.$slots.beforeIcon||m.beforeIcon?(u(),N(o(x),{key:0,icon:m.beforeIcon},{default:A(()=>[F(m.$slots,"beforeIcon")]),_:3},8,["icon"])):w("",!0),$("div",$l,[m.$slots.title||m.title?(u(),p("div",Cl,[F(m.$slots,"title",{},()=>[X(H(m.title),1)])])):w("",!0),m.$slots.default?(u(),p("div",wl,[F(m.$slots,"default")])):w("",!0),m.alertList&&m.alertList.length?(u(),p("div",{key:2,ref_key:"alertListEl",ref:l,class:"f-alert__list"},[(u(!0),p(U,null,K(m.alertList,(_,b)=>(u(),p("div",{key:b,class:"f-alert__list-item"},H(_),1))),128))],512)):w("",!0)]),m.close?(u(),N(o($e),{key:1,round:"",color:m.type==="default"?"#333":"#fff",size:16,icon:m.closeIcon,"on-click":d},{default:A(()=>[F(m.$slots,"closeIcon")]),_:3},8,["color","icon"])):w("",!0)],6)):w("",!0)]),_:3}))}}),Fl=E(Sl),zl={width:z(),padding:z(),background:h()},Ll=L({name:"FAside",__name:"aside",props:zl,setup(t){const e=t,{styles:n}=G(e,"aside"),r=n(["width","padding","background"]);return(a,f)=>(u(),p("aside",{class:"f-aside",style:D(o(r))},[F(a.$slots,"default")],4))}}),Il=E(Ll),Pl={src:h(),errSrc:h(),icon:Z(),alt:h(),round:g(),lazy:g(),fit:h(void 0,t=>ot.includes(t)),size:{type:[String,Number],default:()=>"middle",validator:t=>me(t)?re.includes(t):ee(t)?t>=1:!1},background:h(),fontSize:z(),fontColor:h(),text:h(),rootMargin:z("100px"),onLoad:P(),onError:P()},El={positionSize:z(),round:g(!0),size:{type:[String,Number],default:()=>"middle",validator:t=>me(t)?re.includes(t):ee(t)?t>=1:!1},lazy:g(),fit:h(void 0,t=>ot.includes(t))},jt=Symbol("avatar-group-props-key"),Tl={key:1,class:"f-avatar__text"},Vl=["alt"],Ml={class:"f-avatar__error-text"},Bl=L({name:"FAvatar",__name:"avatar",props:Pl,setup(t){const e=t,n=Le(),r=B(),a=le(jt,void 0),{isSuccess:f,isShowNode:i}=Mt(r,e,()=>!n.icon&&!e.icon&&!e.text&&r.value),l=ne({..._e(e),..._e(ne(a||{}))}),{styles:c,classes:s}=G(l,"avatar"),d=s(["round","fit",{key:"size",callback:()=>me(l.size)}],"f-avatar"),m=c(["background","fontColor","fontSize","zIndex",{key:"size",callback:()=>ee(l.size)}],"zIndex");return(y,_)=>o(f)?(u(),p("div",{key:0,role:"img",class:T(o(d)),style:D(o(m))},[y.$slots.icon||y.icon?(u(),N(o(x),{key:0,size:y.fontSize||15,color:y.fontColor,icon:y.icon},{default:A(()=>[F(y.$slots,"icon")]),_:3},8,["size","color","icon"])):y.text?(u(),p("span",Tl,H(y.text),1)):(u(),p("img",{key:2,ref_key:"avatarRef",ref:r,class:"f-avatar__img",src:"",style:D(o(i)?"":"visibility: hidden"),alt:y.alt},null,12,Vl))],6)):(u(),p("div",{key:1,class:"f-avatar__error",style:D(o(m))},[F(y.$slots,"error",{},()=>[$("span",Ml,H(y.alt||"加载失败"),1)])],4))}}),Al=E(Bl),Nl={round:g(),behavior:h("smooth",t=>["smooth","auto"].includes(t)),visibleHeight:O(200),right:z(),bottom:z(),zIndex:O(),top:O(0),listenEl:h(),background:h(),color:h()},Dl=L({name:"FBackTop",__name:"back-top",props:Nl,setup(t){const e=t,{styles:n,classes:r}=G(e,"back-top"),a=B(!1),f=d=>zt(()=>{const m=(d||document.documentElement).scrollTop,y=ee(e.visibleHeight)?e.visibleHeight:200;a.value=m>y},200),i=f(),l=()=>{const{top:d,behavior:m,listenEl:y}=_e(e);if(me(e.listenEl)){const _=document.querySelector(y.value);if(!_){Ve("f-back-top","`listen-el` is not a element");return}_&&_.scrollTo({top:d.value,behavior:m.value});return}else Ve("f-back-top","`listen-el` attributes is not a string");window&&window.scrollTo({top:d.value,behavior:m.value})};ie(()=>{if(e.listenEl){if(!me(e.listenEl)){Ve("f-back-top","`listen-el` attributes is not a string"),document.addEventListener("scroll",f());return}const d=document.querySelector(e.listenEl);if(!d){Ve("f-back-top","`listen-el` is not a element");return}d&&d.addEventListener("scroll",f(d))}else document.addEventListener("scroll",i)}),Ge(()=>{document.removeEventListener("scroll",i)});const c=n(["right","bottom","background","color","zIndex"],"zIndex"),s=r(["round"],"f-back-top");return(d,m)=>(u(),N(ce,{name:"f-back-top"},{default:A(()=>[ae($("div",{class:T(o(s)),style:D(o(c)),onClick:de(l,["stop"])},[F(d.$slots,"default")],6),[[be,a.value]])]),_:3}))}}),Rl=E(Dl),Ol={value:z(),max:O(99),dot:g(),show:g(!0),type:h("danger",t=>ke.includes(t)),background:h(),color:h()},Hl={key:0,class:"f-badge__content"},Gl=L({name:"FBadge",__name:"badge",props:Ol,setup(t){const e=t,{classes:n,styles:r}=G(e,"badge"),a=n(["type","dot"],"f-badge"),f=r(["background","color"]),i=M(()=>{const{dot:c,max:s,value:d}=e;return c?"":ee(s)&&ee(d)&&d>s?s+"+":d}),l=M(()=>{const{value:c,show:s}=e;return!ee(c)&&s?!0:s&&ee(c)&&c>0});return(c,s)=>(u(),p("div",{class:T(o(a)),style:D(o(f))},[F(c.$slots,"default"),V(ce,{name:"f-badge"},{default:A(()=>[l.value?(u(),p("sup",Hl,H(i.value),1)):w("",!0)]),_:1})],6))}}),jl=E(Gl),Ul={separator:Z(),fontColor:h(),iconColor:h(),fontSize:z()},Ut=Symbol("breadcrumb-props-key"),xl={key:0,class:"f-breadcrumb"},ql=L({name:"FBreadcrumb",__name:"breadcrumb",props:Ul,setup(t){return ue(Ut,t),(n,r)=>n.$slots.default?(u(),p("div",xl,[F(n.$slots,"default")])):w("",!0)}}),Yl=E(ql),Kl={fontColor:h(),iconColor:h(),separator:Z(),to:{type:[String,Object],default:()=>null}},Zl={class:"f-breadcrumb-item__text"},Wl=L({name:"FBreadcrumbItem",__name:"breadcrumb-item",props:Kl,setup(t){const e=t,n=le(Ut,null),{styles:r}=G(ne({iconColor:e.iconColor||n&&n.iconColor,fontColor:e.fontColor||n&&n.fontColor,fontSize:n&&n.fontSize}),"breadcrumb-item"),a=je(),f=M(()=>e.separator?e.separator:n&&n.separator?n.separator:Pe),i=r(["fontColor","iconColor","fontSize"]),l=()=>{const c=a.appContext.config.globalProperties.$router;if(c&&e.to)try{c.push(e.to)}catch(s){console.warn(s)}};return(c,s)=>(u(),p("div",{class:"f-breadcrumb-item",style:D(o(i)),onClick:l},[$("span",Zl,[F(c.$slots,"default")]),V(o(x),{icon:f.value,size:16},null,8,["icon"])],4))}}),Xl=E(Wl),Jl=L({name:"FButtonGroup",__name:"button-group",props:On,setup(t){const e=t,{classes:n}=G(e,"button-group"),r=le(It,null),a=M(()=>e.size||r&&r.size||"middle");ue(Hn,a.value);const f=n(["direction","size"],"f-button-group");return(i,l)=>(u(),p("div",{role:"group",class:T(o(f))},[F(i.$slots,"default")],2))}}),Ql=E(Jl),ea={date:{type:Date,default:()=>new Date,required:!0},lunar:g(),showHeader:g(!0),border:g(),borderColor:h(),dayCellHeight:z(),weekCellHeight:z(),onChange:P(),onChangeDate:P(),onChangeMonth:P()},ta={value:z(),label:z(),disabled:g()},na={spacing:z(),disabled:g(),trigger:h("hover",t=>["hover","click"].includes(t)),width:{type:[Number,String],default:()=>null},arrow:g(),enterDuration:O(),leaveDuration:O(),onChange:P(),onOpen:P(),onClose:P()},at=Symbol("trigger-close-key"),oa={modelValue:{type:[String,Number,Boolean],default:()=>null,required:!0},width:{type:[Number,String],default:()=>190},name:h("f-select"),size:h("middle",t=>re.includes(t)),placeholder:h(),clear:g(),filter:g(),disabled:g(),onChange:P(),onBeforeChange:P()},xt=Symbol("f-select-props-key"),sa=L({name:"FOption",__name:"option",props:ta,setup(t){const e=t,n=Le(),{run:r}=j(),a=le(xt,null),f=le(at,null),i=M(()=>{if(!n.default)return"";const v=n.default()[0].children;return me(v)?v:(ye("f-option","slot content is not a string"),"")}),l=M(()=>a?a.filter&&a.isFiltering&&s?s.toString().includes(a.inputValue):!0:!1),c=(...v)=>{if(!v||!v.length)return"";const C=v.find(k=>k==null||Number.isNaN(k)?!1:fe(k)||Ie(k)?Object.keys(k).length>0:k===0?!0:!!k);return C!==void 0?C:v[v.length-1]},s=c(i.value,e.label,e.value),d=c(e.value,e.label,i.value),m=M(()=>a?d===a.modelValue:!1),y=async v=>{if(!(!a||e.disabled)){if(a.onBeforeChange&&!await a.onBeforeChange(d,s)){f&&r(f.close);return}r(a.setValue,d,s,v),f&&r(f.close)}},_=()=>{a&&d===a.modelValue&&a&&r(a.setValue,d,s)},b=()=>{a&&pe(()=>a.modelValue,_,{once:!0})};return _(),b(),(v,C)=>v.$slots.default||v.label||v.value?ae((u(),p("div",{key:0,class:T(["f-option",{"f-option__disabled":v.disabled,"f-option__active":m.value}]),onClick:y},[v.$slots.default?F(v.$slots,"default",{key:0}):(u(),p(U,{key:1},[X(H(v.label||v.value),1)],64))],2)),[[be,l.value]]):w("",!0)}}),Oe=E(sa),la={modelValue:z(),type:h("text",t=>["text","password","number"].includes(t)),size:h(void 0,t=>re.includes(t)),disabled:g(),max:O(),min:O(),maxLength:O(),fontSize:z(),autofocus:g(),name:h("f-input"),placeholder:h(),placeholderColor:h(),clear:g(),width:z(),height:z(),search:g(),textColor:h(),readonly:g(),showPassword:g(),enterSearch:g(),icon:Z(),afterIcon:Z(),autocomplete:h("off"),onSearch:P(),onChange:P(),onInput:P(),onBlur:P(),onFocus:P(),onEnter:P()},aa={modelValue:{...g(),require:!0},size:z(40),type:h(void 0,t=>["sound","swap"].includes(t)),iconOn:Z(),iconOff:Z(),onChange:P()},ra=L({name:"FSwap",__name:"swap",props:Q(aa,{modelValue:{type:Boolean,default:!1,type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:r}=j(),{classes:a}=G(e,"swap"),f=l=>{n.value=!n.value,r(e.onChange,!e.modelValue,l)},i=a(["type","modelValue"],"f-swap");return(l,c)=>(u(),p("div",{role:"switch",class:T(o(i)),onClick:f},[V(o(x),{icon:n.value?l.iconOn:l.iconOff,size:l.size},null,8,["icon","size"])],2))}}),qt=E(ra),ia={class:"f-input__wrapper"},ca=["type","max","min","disabled","readonly","autofocus","name","autocomplete","placeholder","maxlength"],ua=L({name:"FInput",__name:"input",props:Q(la,{modelValue:{default:"",type:[String,Number]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:r}=j(),{getLang:a,getProp:f}=he(e),{styles:i,classes:l}=G(f(["size"]),"input"),{handleInput:c,handleClear:s,handleChange:d}=Vt(e,n),m=B(!1),y=B(e.type);tt(()=>{y.value=e.type});const _=M(()=>a("input").value.search),b=S=>{r(e.onSearch,n.value,S)},v=S=>{const{search:R,enterSearch:q,onEnter:W}=_e(e);R.value&&q.value&&b(S),r(W.value,n.value,S)},C=()=>{if(m.value){y.value="text",m.value=!0;return}y.value="password",m.value=!1},k=i(["placeholderColor","textColor","width","height","fontSize"]),I=l(["size","disabled","search"],"f-input");return(S,R)=>(u(),p("div",{role:"input",class:T(o(I)),style:D(o(k))},[$("div",ia,[F(S.$slots,"before"),S.icon?(u(),N(o(x),{key:0,class:"f-input__icon",icon:S.icon,size:13},null,8,["icon"])):w("",!0),ae($("input",{"onUpdate:modelValue":R[0]||(R[0]=q=>n.value=q),class:"f-input__input",type:y.value,max:S.max,min:S.min,disabled:S.disabled,readonly:S.readonly,autofocus:S.autofocus,name:S.name,autocomplete:S.autocomplete,placeholder:S.placeholder,maxlength:S.maxLength,onInput:R[1]||(R[1]=(...q)=>o(c)&&o(c)(...q)),onChange:R[2]||(R[2]=(...q)=>o(d)&&o(d)(...q)),onKeyup:dn(v,["enter"]),onBlur:R[3]||(R[3]=(...q)=>S.onBlur&&S.onBlur(...q)),onFocus:R[4]||(R[4]=(...q)=>S.onFocus&&S.onFocus(...q))},null,40,ca),[[un,n.value]]),S.clear?(u(),N(o(x),{key:1,class:"f-input__clear-btn",icon:o(st),size:14,"on-click":o(s)},null,8,["icon","on-click"])):w("",!0),S.afterIcon?(u(),N(o(x),{key:2,icon:S.afterIcon,size:14},null,8,["icon"])):w("",!0),S.showPassword?(u(),N(o(qt),{key:3,modelValue:m.value,"onUpdate:modelValue":R[5]||(R[5]=q=>m.value=q),class:"f-input__show-password",type:"swap","icon-on":o(ps),"icon-off":o(rs),size:14,"on-change":C},null,8,["modelValue","icon-on","icon-off"])):w("",!0),F(S.$slots,"after")]),S.search?(u(),p("div",{key:0,class:"f-input__search",onClick:b},[F(S.$slots,"searchBtn",{},()=>[V(o(se),{type:"primary",size:S.size},{default:A(()=>[X(H(_.value),1)]),_:1},8,["size"])])])):w("",!0)],6))}}),Ee=E(ua),da={spacing:z(),disabled:g(),width:{type:[Number,String],default:()=>null},trigger:h("hover",t=>["hover","click"].includes(t)),arrow:g(),enterDuration:O(),leaveDuration:O(),onChange:P(),onOpen:P(),onClose:P()},fa={class:"f-trigger__content"},pa=L({name:"FTrigger",__name:"trigger",props:na,setup(t,{expose:e}){const n=t,r=B(),{classes:a,styles:f}=G(n,"trigger"),{visible:i,styleList:l,close:c,onBeforeEnter:s,onAfterLeave:d}=_l(n,r),m=a(["arrow"],Ot),y=f(["width"]);return ue(at,{close:c}),e({close:c}),(_,b)=>(u(),p("div",{class:T(o(Rt))},[$("div",{ref_key:"triggerRef",ref:r,class:"f-trigger__trigger"},[F(_.$slots,"default")],512),(u(),N(Ue,{to:"body"},[V(ce,{name:"f-trigger",onBeforeEnter:o(s),onAfterLeave:o(d)},{default:A(()=>[ae($("div",{class:T(o(m)),style:D([o(l),o(y)])},[$("div",fa,[F(_.$slots,"content")])],6),[[be,o(i)]])]),_:3},8,["onBeforeEnter","onAfterLeave"])]))],2))}}),Ke=E(pa),ba={class:"f-dropdown"},ma=L({name:"FDropdown",__name:"dropdown",props:da,setup(t){return(e,n)=>(u(),p("div",ba,[V(o(Ke),{trigger:e.trigger,disabled:e.disabled,spacing:e.spacing,arrow:e.arrow,width:e.width,"enter-duration":e.enterDuration,"leave-duration":e.leaveDuration,"on-change":e.onChange,"on-open":e.onOpen,"on-close":e.onClose},{content:A(()=>[F(e.$slots,"content")]),default:A(()=>[F(e.$slots,"default")]),_:3},8,["trigger","disabled","spacing","arrow","width","enter-duration","leave-duration","on-change","on-open","on-close"])]))}}),rt=E(ma),ha={content:h(),contentSize:z(),contentColor:h(),imageSrc:h(),imageSize:z(),background:h(),iconSize:z(30)},_a={src:h(),alt:h(),draggable:g(!0),lazy:g(),rootMargin:z("100px"),width:z(),height:z(),block:g(),fit:h(void 0,t=>ot.includes(t)),select:g(),referrerPolicy:h(),round:z(),errSrc:h(),title:h(),onLoad:P(),onError:P()},va=["referrer-policy","draggable","alt","title"],ga={key:1,class:"f-image__error"},ya={class:"f-image__error-text"},ka=L({name:"FImage",__name:"image",props:_a,setup(t){const e=t,n=B(),{classes:r,styles:a}=G(e,"image"),{isSuccess:f,isShowNode:i}=Mt(n,e),l=r(["fit","select","block"],"f-image"),c=a(["width","height","round"]);return(s,d)=>o(f)?(u(),p("div",{key:0,role:"img",class:T(o(l)),style:D(o(c))},[$("img",{ref_key:"imageEl",ref:n,class:"f-image__img",src:"",style:D(o(i)?"":"visibility: hidden"),"referrer-policy":s.referrerPolicy,draggable:s.draggable,alt:s.alt,title:s.title},null,12,va)],6)):(u(),p("div",ga,[F(s.$slots,"error",{},()=>[$("div",ya,H(s.alt||"加载失败"),1)])]))}}),Yt=E(ka),$a={class:"f-empty__wrapper"},Ca={class:"f-empty__content"},wa={key:0,class:"f-empty__footer"},Sa=L({name:"FEmpty",__name:"empty",props:ha,setup(t){const e=t,{styles:n}=G(e,"empty"),{getLang:r}=he(),a=M(()=>e.content||r("empty").value.content),f=n(["contentColor","contentSize","background"]);return(i,l)=>(u(),p("div",{class:"f-empty",style:D(o(f))},[$("div",$a,[i.$slots.default?F(i.$slots,"default",{key:0}):(u(),p(U,{key:1},[i.imageSrc?(u(),N(o(Yt),{key:0,src:i.imageSrc,width:i.imageSize},null,8,["src","width"])):(u(),N(o(x),{key:1,icon:o(Ts),size:i.iconSize},null,8,["icon","size"]))],64))]),$("span",Ca,H(a.value),1),i.$slots.footer?(u(),p("div",wa,[F(i.$slots,"footer")])):w("",!0)],4))}}),it=E(Sa),Fa=L({name:"FSelect",__name:"select",props:Q(oa,{modelValue:{default:"",type:[String,Number]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:r}=j(),{styles:a}=G(e,"select"),f=a(["width"]),i=B(!1),l=B(),c=B(!0),s=B(""),d=B(!1),m=async(C,k,I)=>{await Ne(),k!==e.modelValue&&I&&r(e.onChange,C,k,I),n.value=C,s.value=k==null?void 0:k.toString(),d.value=!1},y=async()=>{var k;await Ne();const C=(k=l.value)==null?void 0:k.querySelector(".f-option.f-option__active");C&&C instanceof Node&&C.scrollIntoView({block:"end"})},_=()=>{i.value=!1,c.value||(s.value="")},b=()=>{i.value=!0},v=()=>{d.value=!0};return ue(xt,ne({setValue:m,inputValue:s,isFiltering:d,onBeforeChange:e.onBeforeChange,modelValue:Fe(e,"modelValue"),filter:Fe(e,"filter")})),(C,k)=>(u(),p("div",{class:"f-select",style:D(o(f))},[V(o(rt),{trigger:"click",disabled:C.disabled,width:C.width,"on-open":y},{content:A(()=>[$("div",{ref_key:"selectContentRef",ref:l,class:"f-select__content"},[c.value?F(C.$slots,"default",{key:0}):(u(),N(o(it),{key:1,content:"暂无数据"}))],512)]),default:A(()=>[V(o(Ee),{modelValue:s.value,"onUpdate:modelValue":k[0]||(k[0]=I=>s.value=I),readonly:!C.filter,name:C.name,size:C.size,disabled:C.disabled,width:C.width,placeholder:C.placeholder,clear:C.clear,"on-focus":b,"on-blur":_,"on-input":C.filter?v:void 0},{after:A(()=>[V(o(x),{color:"#bababa",class:T(["f-select__arrow",{"f-select__arrow-active":i.value}]),size:13,icon:o(De)},null,8,["class","icon"])]),_:1},8,["modelValue","readonly","name","size","disabled","width","placeholder","clear","on-input"])]),_:3},8,["disabled","width"])],4))}}),He=E(Fa),za={key:0,class:"f-calendar__header"},La={class:"f-calendar__option"},Ia={class:"f-calendar__week"},Pa={class:"f-calendar__day"},Ea=["onClick"],Ta={class:"f-calendar__solar"},Va={key:0,class:"f-calendar__lunar"},Ma=L({name:"FCalendar",__name:"calendar",props:ea,setup(t){const e=t,{getLang:n}=he(),{run:r}=j(),{styles:a,classes:f}=G(e,"calendar"),{generateCalendar:i}=Kn(e),l=M(()=>An(e.date)?e.date:new Date),c=ne({year:l.value.getFullYear(),month:l.value.getMonth()+1,date:l.value.getDate()}),s=M(()=>i(c.year,c.month)),d=M(()=>n("calendar").value.weekList),_={prev:()=>{c.month===1?(c.year-=1,c.month=12):c.month-=1},next:()=>{c.month===12?(c.year+=1,c.month=1):c.month+=1},current:()=>{c.year=e.date.getFullYear(),c.month=e.date.getMonth()+1,c.date=e.date.getDate()}},b=q=>{_[q]&&_[q]()},v=q=>{const{target:W,day:Y}=q;W==="prev"&&_[W](),W==="next"&&_[W](),W==="current"&&(c.date=Y,r(e.onChangeDate,c.year,c.month,c.date))},C=pe(()=>c.month,q=>{r(e.onChangeMonth,c.year,q,c.date)}),k=pe(()=>c,()=>{r(e.onChange,c.year,c.month,c.date)},{deep:!0}),I=(q,W)=>W===c.date&&q===c.month?"f-calendar__day-today":"";Ge(()=>{k(),C()});const S=a(["borderColor","dayCellHeight","weekCellHeight"]),R=f(["border"],"f-calendar");return(q,W)=>(u(),p("div",{class:T(o(R)),style:D(o(S))},[q.showHeader?(u(),p("header",za,[V(o(x),{icon:o(Ye),onClick:W[0]||(W[0]=Y=>b("prev"))},null,8,["icon"]),$("div",La,[V(o(He),{modelValue:c.year,"onUpdate:modelValue":W[1]||(W[1]=Y=>c.year=Y),width:116},{default:A(()=>[(u(),p(U,null,K(200,Y=>V(o(Oe),{key:Y,value:1900+Y},{default:A(()=>[X(H(1900+Y),1)]),_:2},1032,["value"])),64))]),_:1},8,["modelValue"]),V(o(He),{modelValue:c.month,"onUpdate:modelValue":W[2]||(W[2]=Y=>c.month=Y),width:116},{default:A(()=>[(u(),p(U,null,K(12,Y=>V(o(Oe),{key:Y,value:Y},{default:A(()=>[X(H(Y),1)]),_:2},1032,["value"])),64))]),_:1},8,["modelValue"]),V(o(se),{type:"default",onClick:W[3]||(W[3]=Y=>b("current"))},{default:A(()=>[X("今天")]),_:1})]),V(o(x),{icon:o(Pe),onClick:W[4]||(W[4]=Y=>b("next"))},null,8,["icon"])])):w("",!0),$("div",Ia,[(u(!0),p(U,null,K(d.value,(Y,Ce)=>(u(),p("div",{key:Ce,class:"f-calendar__week-item"},H(Y),1))),128))]),$("div",Pa,[(u(!0),p(U,null,K(s.value,(Y,Ce)=>(u(),p("div",{key:Ce,class:T(["f-calendar__day-item",{"f-calendar__day-current":Y.target==="current",[I(Y.month,Y.day)]:Y.target==="current"}]),onClick:dt=>v(Y)},[$("span",Ta,H(Y.day),1),q.lunar?(u(),p("span",Va,H(Y.lunarFestival||Y.festival||Y.term||Y.lunar),1)):w("",!0)],10,Ea))),128))])],6))}}),Kt=E(Ma),Ba={title:h(),round:g(),padding:z(),shadow:h(void 0,t=>["hover","always"].includes(t)),borderColor:h(),background:h(),titleColor:h(),titleBold:g(),close:g(),onClose:P()},Aa={key:0,role:"heading",class:"f-card__header"},Na={role:"none",class:"f-card__body"},Da=L({name:"FCard",__name:"card",props:Ba,setup(t){const e=t,n=B(!0),{run:r}=j(),{classes:a,styles:f}=G(e,"card"),i=a(["round","shadow"],"f-card"),l=f(["padding","borderColor","background","titleColor"]),c=()=>{n.value=!1,r(e.onClose,n.value)};return(s,d)=>(u(),N(ce,{name:"f-card"},{default:A(()=>[n.value?(u(),p("div",{key:0,class:T(o(i)),style:D(o(l))},[s.$slots.header||s.title?(u(),p("header",Aa,[$("span",{class:T(["f-card__title",{"f-card__title-bold":s.titleBold}])},[F(s.$slots,"header",{},()=>[X(H(s.title),1)])],2),s.close?(u(),N(o($e),{key:0,"on-click":c})):w("",!0)])):w("",!0),$("main",Na,[F(s.$slots,"default")])],6)):w("",!0)]),_:3}))}}),Ra=E(Da),Oa={modelValue:{type:Boolean,default:()=>!1},label:{type:[String,Number,Boolean],default:()=>null},disabled:g(),border:g(),showLabel:g(!0),onChange:P()},Ha={modelValue:ve([]),disabled:g(),vertical:g(),label:h(),background:g(),size:h("middle",t=>re.includes(t)),columnGap:z(),rowGap:z(),onChange:P()},Zt=Symbol("f-checkbox-group-props-key"),Ga=["value","disabled"],ja={key:0,class:"f-checkbox__box"},Ua={class:"f-checkbox__text"},xa=L({name:"FCheckbox",__name:"checkbox",props:Q(Oa,{modelValue:{type:[Boolean,String,Array],default:!1,type:[Boolean,Array]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:r}=j(),a=M({get:()=>f&&f.modelValue||e.modelValue,set:m=>{if(!f){n.value=m,r(e.onChange,m);return}f.setChange(m)}}),f=le(Zt,null),i=M(()=>{const m=a.value;return fe(m)?m.includes(e.label):lt(m)?m:m===e.label}),l=M(()=>!!(f&&f.disabled)),c=M(()=>e.disabled||l.value),{classes:s}=G(ne({checked:i,disabled:c}),"checkbox"),d=s(["checked","disabled"],"f-checkbox");return(m,y)=>(u(),p("label",{role:"checkbox","aria-checked":"false",tabindex:"0","aria-labelledby":"chk1-label",class:T(o(d))},[ae($("input",{"onUpdate:modelValue":y[0]||(y[0]=_=>a.value=_),type:"checkbox",class:"f-checkbox__input",hidden:"",value:m.label,disabled:m.disabled||!!o(f)&&o(f).disabled},null,8,Ga),[[fn,a.value]]),o(f)&&o(f).background?w("",!0):(u(),p("span",ja)),$("span",Ua,[F(m.$slots,"default"),!m.$slots.default&&m.showLabel?(u(),p(U,{key:0},[X(H(m.label),1)],64)):w("",!0)])],2))}}),Se=E(xa),qa=L({name:"FCheckboxGroup",__name:"checkbox-group",props:Q(Ha,{modelValue:{type:[Array,String,Number,Boolean],default:[],type:[Boolean,Array,String,Number]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:r}=j(),{classes:a,styles:f}=G(e,"checkbox-group"),i=s=>{n.value=s,r(e.onChange,s)};ue(Zt,ne({..._e(e),setChange:i}));const l=f(["columnGap","rowGap"]),c=a(["background","vertical","size"],"f-checkbox-group");return(s,d)=>(u(),p("div",{role:"group","aria-label":"checkbox-group",class:T(o(c)),style:D(o(l))},[F(s.$slots,"default")],6))}}),Wt=E(qa),Ya={visible:{...g(),required:!0},title:h(),appendToBody:g(),width:z(),fullscreen:g(),showMask:g(!0),maskClose:g(!0),maskOpacity:O(),maskBackground:h(),showHeader:g(!0),maskBlur:g(),showCloseIcon:g(!0),closeIcon:Z(),zIndex:O(),onOpen:P(),onOpenEnd:P(),onClose:P(),onCloseEnd:P()},Ka={key:0,class:"f-dialog__mask"},Za={class:"f-dialog__container"},Wa={key:0,class:"f-dialog__header"},Xa={class:"f-dialog__header-before"},Ja={class:"f-dialog__header-center"},Qa={class:"f-dialog__header-after"},er={key:1,class:"f-dialog__body"},tr={key:2,class:"f-dialog__footer"},nr=L({name:"FDialog",__name:"dialog",props:Q(Ya,{visible:{type:Boolean,default:!1,type:Boolean},visibleModifiers:{}}),emits:["update:visible"],setup(t){const e=t,n=J(t,"visible"),{styles:r,classes:a}=G(e,"dialog"),{closeVisible:f,maskClose:i}=Ht(e,n),{handleOpen:l,handleOpenEnd:c,handleClose:s,handleCloseEnd:d}=Gt(e),m=r(["width","zIndex","maskBackground","maskOpacity"],["maskOpacity","zIndex"]),y=a(["fullscreen","maskBlur"],"f-dialog");return(_,b)=>(u(),N(Ue,{to:"body",disabled:!_.appendToBody},[V(ce,{name:"f-dialog__trans",onBeforeEnter:o(l),onAfterEnter:o(c),onBeforeLeave:o(s),onAfterLeave:o(d)},{default:A(()=>[ae($("div",{role:"dialog","aria-modal":"true",tabindex:"-1",class:T(o(y)),style:D(o(m))},[_.showMask?(u(),p("div",Ka)):w("",!0),$("div",{class:"f-dialog__wrapper",onClick:b[0]||(b[0]=de((...v)=>o(i)&&o(i)(...v),["self"]))},[V(ce,{name:"f-dialog__container-trans"},{default:A(()=>[ae($("div",Za,[_.showHeader?(u(),p("header",Wa,[$("div",Xa,[F(_.$slots,"headerBefore")]),$("div",Ja,H(_.title),1),$("div",Qa,[F(_.$slots,"headerAfter",{},()=>[_.showCloseIcon?(u(),N(o($e),{key:0,round:"",color:"#3c4043",size:30,icon:_.closeIcon,"on-click":o(f)},{default:A(()=>[F(_.$slots,"closeIcon")]),_:3},8,["icon","on-click"])):w("",!0)])])])):w("",!0),_.$slots.default?(u(),p("section",er,[F(_.$slots,"default")])):w("",!0),_.$slots.footer?(u(),p("footer",tr,[F(_.$slots,"footer")])):w("",!0)],512),[[be,n.value]])]),_:3})])],6),[[be,n.value]])]),_:3},8,["onBeforeEnter","onAfterEnter","onBeforeLeave","onAfterLeave"])],8,["disabled"]))}}),or=E(nr),sr={position:h("center",t=>["left","center","right"].includes(t)),vertical:g(),color:h(),fontColor:h(),margin:z(),height:z(),background:h(),type:h("solid",t=>["dashed","dotted","double","solid"].includes(t))},lr={key:0,class:"f-divider__text"},ar=L({name:"FDivider",__name:"divider",props:sr,setup(t){const e=t,{classes:n,styles:r}=G(e,"divider"),a=n(["vertical","position"],"f-divider"),f=r(["color","margin","background","fontColor","height","type"]);return(i,l)=>(u(),p("div",{role:"separator",class:T(o(a)),style:D(o(f))},[!i.vertical||!i.$slots.default?(u(),p("span",lr,[F(i.$slots,"default")])):w("",!0)],6))}}),rr=E(ar),ir={visible:g(),appendToBody:g(),direction:h("right",t=>["left","top","right","bottom"].includes(t)),title:h(),showMask:g(!0),showHeader:g(!0),maskClose:g(!0),maskBlur:g(),maskOpacity:O(),maskBackground:h(),showCloseIcon:g(!0),closeIcon:Z(),zIndex:O(),onOpen:P(),onOpenEnd:P(),onClose:P(),onCloseEnd:P()},cr={key:0,class:"f-drawer__mask"},ur={class:"f-drawer__container"},dr={key:0,class:"f-drawer__header"},fr={class:"f-drawer__header-title"},pr={key:1,class:"f-drawer__body"},br={key:2,class:"f-drawer__footer"},mr=L({name:"FDrawer",__name:"drawer",props:Q(ir,{visible:{type:Boolean,default:!1,type:Boolean},visibleModifiers:{}}),emits:["update:visible"],setup(t){const e=t,n=J(t,"visible"),{styles:r,classes:a}=G(e,"drawer"),{closeVisible:f,maskClose:i}=Ht(e,n),{handleOpen:l,handleOpenEnd:c,handleClose:s,handleCloseEnd:d}=Gt(e),m=r(["width","zIndex","maskBackground","maskOpacity"],["zIndex","maskOpacity"]),y=a(["fullscreen","maskBlur","direction"],"f-drawer");return(_,b)=>(u(),N(Ue,{to:"body",disabled:!_.appendToBody},[V(ce,{name:"f-drawer__trans",onBeforeEnter:o(l),onAfterEnter:o(c),onBeforeLeave:o(s),onAfterLeave:o(d)},{default:A(()=>[ae($("div",{role:"dialog","aria-modal":"true",tabindex:"-1",class:T(o(y)),style:D(o(m))},[_.showMask?(u(),p("div",cr)):w("",!0),$("div",{class:"f-drawer__wrapper",onClick:b[0]||(b[0]=de((...v)=>o(i)&&o(i)(...v),["self"]))},[V(ce,{name:"f-drawer__container-trans"},{default:A(()=>[ae($("div",ur,[_.showHeader?(u(),p("header",dr,[F(_.$slots,"header",{},()=>[$("span",fr,H(_.title),1),_.showCloseIcon?(u(),N(o($e),{key:0,icon:_.closeIcon,"on-click":o(f)},{default:A(()=>[F(_.$slots,"closeIcon")]),_:3},8,["icon","on-click"])):w("",!0)])])):w("",!0),_.$slots.default?(u(),p("section",pr,[F(_.$slots,"default")])):w("",!0),_.$slots.footer?(u(),p("footer",br,[F(_.$slots,"footer")])):w("",!0)],512),[[be,n.value]])]),_:3})])],6),[[be,n.value]])]),_:3},8,["onBeforeEnter","onAfterEnter","onBeforeLeave","onAfterLeave"])],8,["disabled"]))}}),hr=E(mr),_r={imageList:ve([]),round:g(),expandIndex:O(0),color:h(),vertical:g(),width:z(),height:z(),onChange:P()},vr=["onClick"],gr={key:0,class:"f-expand-card__title"},yr=L({name:"FExpandCard",__name:"expand-card",props:_r,setup(t){const e=t,{classes:n,styles:r}=G(e,"expand-card"),{run:a}=j(),f=B(e.expandIndex),i=(d,m,y)=>{f.value=m,a(e.onChange,d,m,y)},l=M(()=>{const{imageList:d}=e;return fe(d)?d.map(m=>me(m)?{url:m}:Ie(m)&&m.url?m:{url:""}):(ye("f-expand-card","`image-list` is not a array."),[])}),c=n(["round","vertical"],"f-expand-card"),s=r(["width","height","color"]);return(d,m)=>l.value.length?(u(),p("div",{key:0,class:T(o(c)),style:D(o(s))},[(u(!0),p(U,null,K(l.value,(y,_)=>(u(),p("div",{key:_,class:T(["f-expand-card__item",{"f-expand-card__active":_===f.value}]),style:D({backgroundImage:`url(${y.url})`}),onClick:b=>i(b,_,y)},[y.text?(u(),p("div",gr,H(y.text),1)):w("",!0)],14,vr))),128))],6)):w("",!0)}}),kr=E(yr),$r={height:z(),padding:z()},Cr=L({name:"FFooter",__name:"footer",props:$r,setup(t){const e=t,{styles:n}=G(e,"footer"),r=n(["height","padding"]);return(a,f)=>(u(),p("footer",{class:"f-footer",style:D(o(r))},[F(a.$slots,"default")],4))}}),wr=E(Cr),Sr={height:z(),padding:z()},Fr=L({name:"FHeader",__name:"header",props:Sr,setup(t){const e=t,{styles:n}=G(e,"header"),r=n(["height","padding"]);return(a,f)=>(u(),p("header",{role:"banner",class:"f-header",style:D(o(r))},[F(a.$slots,"default")],4))}}),zr=E(Fr),Lr={visible:g(),imgList:ve([]),modalClose:g(!0),appendToBody:g(),isCloseBtn:g(!0),showIndex:O(0),zIndex:O(),isOption:g(!0),round:h(),onClose:P()},Ir={round:g(),size:h("middle",t=>re.includes(t)),background:h(),textColor:h(),fixed:g(),width:z(),height:z(),onClick:P()},Pr=L({name:"FToolbar",__name:"toolbar",props:Ir,setup(t){const e=t,n=Le(),{run:r}=j(),{classes:a,styles:f}=G(e,"toolbar"),i=s=>{if(!n.default)return;const d=s.target;if(d.className===At){const m=d.getAttribute(Bt);r(e.onClick,m,s)}},l=a(["size","round","fixed"],"f-toolbar"),c=f(["textColor","background","width","height"]);return(s,d)=>(u(),p("div",{role:"toolbar",class:T(o(l)),style:D(o(c)),onClick:i},[F(s.$slots,"default")],6))}}),Xt=E(Pr),Er={color:h(),icon:Z(),iconSize:z(16),index:z(),onClick:P()},Tr=L({name:"FToolbarItem",__name:"toolbar-item",props:Er,setup(t){const e=t,{run:n}=j(),{styles:r}=G(e,"toolbar-item"),a=l=>{n(e.onClick,l)},f=r(["color"]),i=Bt;return(l,c)=>(u(),p("span",Ct({class:o(At),[o(i)||""]:l.index,style:o(f),onClick:a}),[l.icon?(u(),N(o(x),{key:0,size:l.iconSize,icon:l.icon},null,8,["size","icon"])):w("",!0),F(l.$slots,"default")],16))}}),we=E(Tr),Vr=$("div",{class:"f-image-preview__mask"},null,-1),Mr={class:"f-image-preview__wrapper"},Br=["src"],Ar=L({name:"FImagePreview",__name:"image-preview",props:Q(Lr,{visible:{type:Boolean,default:!1,type:Boolean},visibleModifiers:{}}),emits:["update:visible"],setup(t){const e=t,n=J(t,"visible"),{run:r}=j(),{scale:a,rotate:f,smaller:i,bigger:l,scrollZoom:c,recovery:s,rotateClockwise:d,rotateCounterClock:m}=Yn(),y=B(e.showIndex>e.imgList.length-1?0:e.showIndex),_=()=>{fe(e.imgList)&&e.imgList.forEach(S=>{const R=new Image;R.src=S})},b={next:()=>{if(y.value{if(y.value>0){y.value--;return}y.value=e.imgList.length-1}},v=S=>{s(),r(b[S])},C={1:i,2:l,3:s,4:d,5:m},k=S=>{S&&r(C[S])},I=S=>{n.value=!1,r(e.onClose,S)};return(S,R)=>(u(),N(Ue,{to:"body",disabled:!S.appendToBody},[V(ce,{name:"f-image-preview__transition",onBeforeEnter:_},{default:A(()=>[ae($("div",{class:"f-image-preview",style:D({zIndex:S.zIndex}),onMousewheel:R[0]||(R[0]=(...q)=>o(c)&&o(c)(...q))},[Vr,$("div",{class:"f-image-preview__container",onClick:de(I,["self"])},[V(ce,{name:"f-image-preview__wrapper-transition"},{default:A(()=>[ae($("div",Mr,[$("img",{class:"f-image-preview__node",draggable:"false",src:S.imgList[y.value],style:D({transform:`scale(${o(a)}) rotate(${o(f)}deg)`,borderRadius:S.round})},null,12,Br)],512),[[be,n.value]])]),_:1}),S.isOption?(u(),N(o(Xt),{key:0,class:"f-image-preview__option",round:"","on-click":k},{default:A(()=>[V(o(we),{icon:o(ts),index:1},null,8,["icon"]),V(o(we),{icon:o(Zo),index:2},null,8,["icon"]),V(o(we),{icon:o(So),index:3},null,8,["icon"]),V(o(we),{icon:o(No),index:4},null,8,["icon"]),V(o(we),{icon:o(Eo),index:5},null,8,["icon"])]),_:1})):w("",!0),S.imgList.length>1?(u(),p(U,{key:1},[V(o(se),{class:"f-image-preview__next",circle:"","before-icon":o(Pe),"on-click":()=>v("next")},null,8,["before-icon","on-click"]),V(o(se),{class:"f-image-preview__prev",circle:"","before-icon":o(Ye),"on-click":()=>v("prev")},null,8,["before-icon","on-click"])],64)):w("",!0),V(o(se),{class:"f-image-preview__close",circle:"","before-icon":o(st),"on-click":I},null,8,["before-icon"])])],36),[[be,n.value]])]),_:1})],8,["disabled"]))}}),Nr=E(Ar),Dr={direction:h(void 0,t=>["horizontal","vertical"].includes(t))},Rr=L({name:"FLayout",__name:"layout",props:Dr,setup(t){const e=t,n=Le(),r=M(()=>e.direction==="vertical"?!0:e.direction==="horizontal"?!1:n&&n.default?n.default().some(f=>{const i=f.type.name;return i==="FHeader"||i==="FFooter"}):!1);return(a,f)=>(u(),p("section",{class:T(["f-layout",{"f-layout__vertical":r.value}])},[F(a.$slots,"default")],2))}}),Or=E(Rr),Hr={type:h(void 0,t=>ke.includes(t)),href:h(),size:z(),state:h(void 0,t=>["line","background"].includes(t)),disabled:g(),target:h("_self",t=>Nn.includes(t)),color:h(),hoverColor:h(),noCopy:g(),noLink:g(),beforeIcon:Z(),afterIcon:Z(),onClick:P()},Gr=["href","target"],jr=L({name:"FLink",__name:"link",props:Hr,setup(t){const e=t,{getProp:n}=he(e),{run:r}=j(),{classes:a,styles:f}=G(n(["type"],["primary"]),"link"),i=s=>{(e.disabled||e.noLink)&&s.preventDefault(),!e.disabled&&r(e.onClick,s)},l=a(["type","state","disabled","noCopy"],"f-link"),c=f(["size","color","hoverColor"]);return(s,d)=>(u(),p("div",{role:"link",class:T(o(l)),style:D(o(c))},[$("a",{class:"f-link__a",href:s.href,target:s.target,onClick:de(i,["stop"])},[s.beforeIcon?(u(),N(o(x),{key:0,icon:s.beforeIcon,size:s.size},null,8,["icon","size"])):w("",!0),F(s.$slots,"default"),s.afterIcon?(u(),N(o(x),{key:1,icon:s.afterIcon,size:s.size},null,8,["icon","size"])):w("",!0)],8,Gr)],6))}}),Ur=E(jr),xr={zebra:g(),center:g(),textColor:h(),borderColor:h(),size:h("middle",t=>re.includes(t)),maxHeight:z(),zebraColor:h()},Jt=Symbol("list-props-key"),qr={key:0,class:"f-list__header"},Yr={key:1,class:"f-list__footer"},Kr=L({name:"FList",__name:"list",props:xr,setup(t){const e=t;ue(Jt,e);const{classes:n,styles:r}=G(e,"list"),a=r(["borderColor","maxHeight","zebraColor"]),f=n(["zebra","center","size"],"f-list");return(i,l)=>(u(),p("ul",{role:"list",class:T(o(f)),style:D(o(a))},[i.$slots.header?(u(),p("header",qr,[F(i.$slots,"header")])):w("",!0),F(i.$slots,"default"),i.$slots.footer?(u(),p("footer",Yr,[F(i.$slots,"footer")])):w("",!0)],6))}}),Zr=E(Kr),Wr={background:h(),color:h()},Xr=L({name:"FListItem",__name:"list-item",props:Wr,setup(t){const e=t,n=le(Jt,null),{styles:r}=G(ne({borderColor:n&&n.borderColor,textColor:e.color||n&&n.textColor,background:e.background}),"list-item"),a=r(["textColor","borderColor","background"]);return(f,i)=>(u(),p("li",{role:"listitem",class:"f-list-item",style:D(o(a))},[F(f.$slots,"default")],4))}}),Jr=E(Xr),Qr={padding:z()},ei=L({name:"FMain",__name:"main",props:Qr,setup(t){const e=t,{styles:n}=G(e,"main"),r=n(["padding"]);return(a,f)=>(u(),p("main",{role:"main",class:"f-main",style:D(o(r))},[F(a.$slots,"default")],4))}}),ti=E(ei),ni={icon:Z(),iconSize:z("16px"),backText:h(),title:h(),titleBold:g(),titleColor:h(),titleCenter:g(),subtitle:h(),onBack:P()},oi={class:"f-page-header"},si={class:"f-page-header__text"},li={key:0,class:"f-page-header__main-subtitle"},ai=L({name:"FPageHeader",__name:"page-header",props:ni,setup(t){const e=t,{run:n}=j(),{getLang:r}=he(),a=M(()=>r("pageHeader").value.backText),f=i=>{n(e.onBack,i)};return(i,l)=>(u(),p("header",oi,[$("div",{class:"f-page-header__left",onClick:f},[V(o(x),{size:i.iconSize},{default:A(()=>[F(i.$slots,"icon",{},()=>[(u(),N(Te(i.icon||o(io))))])]),_:3},8,["size"]),$("div",si,H(a.value),1)]),$("div",{class:T(["f-page-header__main",{"f-page-header__main-center":i.titleCenter}])},[$("div",{style:D({color:i.titleColor}),class:T(["f-page-header__main-title",{"f-page-header__main-title-bold":i.titleBold}])},[F(i.$slots,"title",{},()=>[X(H(i.title),1)])],6),i.subtitle||i.$slots.subtitle?(u(),p("div",li,[F(i.$slots,"subtitle",{},()=>[X(H(i.subtitle),1)])])):w("",!0)],2)]))}}),ri=E(ai),ii={percentage:O(0),state:h("line",t=>["line","circle"].includes(t)),type:h("primary",t=>ke.includes(t)),height:z(),showText:g(!0),diameter:O(400),outsideText:g(),textColor:h(),color:h(),background:h(),stripe:g()},ct=Symbol("progress-props-key"),ci=["width","height","aria-value"],ui=["cx","cy","r"],di=["x","y"],fi=L({name:"FProgressCircle",__name:"index",setup(t){const e=le(ct),{classes:n}=G(e,"progress"),r=n(["type","state"],"f-progress"),a=M(()=>ee(e.diameter)?e.diameter/2:100),f=M(()=>(a.value-mt)*2*Math.PI),i=M(()=>{const c=f.value-f.value*(e.percentage/100);return c<=0?0:c>f.value?f.value:c}),l=M(()=>({"--progress-stroke-dasharray":f.value,"--progress-stroke-dashoffset":i.value}));return(c,s)=>(u(),p("svg",{role:"progressbar",class:T(o(r)),width:o(e).diameter,height:o(e).diameter,style:D(l.value),"aria-value":o(e).percent,"aria-valuemin":0,"aria-valuemax":100},[$("circle",{class:"f-progress__girth",fill:"transparent","stroke-width":"12",stroke:"green",cx:a.value,cy:a.value,r:a.value-o(mt)},null,8,ui),o(e).showText?(u(),p("text",{key:0,"font-size":"24",fill:"grey","text-anchor":"middle","alignment-baseline":"middle",x:a.value,y:a.value},H(o(e).percent)+"% ",9,di)):w("",!0)],14,ci))}}),pi=["aria-value"],bi={class:"f-progress__bar"},mi={class:"f-progress__fill"},hi={key:0,class:"f-progress__percentage"},_i={key:0,class:"f-progress__text"},vi=L({name:"FProgressLine",__name:"index",setup(t){const e=le(ct),{classes:n,styles:r}=G(e,"progress"),a=n(["type","stripe","state"],"f-progress"),f=r(["height","color","textColor","background"]),i=M(()=>({"--progress-width":`${e.percent}%`}));return(l,c)=>(u(),p("div",{role:"progressbar",class:T(o(a)),style:D([o(f),i.value]),"aria-value":o(e).percent,"aria-valuemin":0,"aria-valuemax":100},[$("div",bi,[$("div",mi,[!o(e).outsideText&&o(e).showText?(u(),p("div",hi,H(o(e).percent)+"% ",1)):w("",!0)])]),o(e).outsideText&&o(e).showText?(u(),p("div",_i,H(o(e).percent)+"% ",1)):w("",!0)],14,pi))}}),gi=L({name:"FProgress",__name:"progress",props:ii,setup(t){const e=t,n=M(()=>{const{percentage:r}=e;return ee(r)?e.percentage>=100?100:e.percentage<=0?0:e.percentage:(Ve("f-progress","`percentage` is not a number"),0)});return ue(ct,ne({..._e(e),percent:n})),(r,a)=>r.state==="circle"?(u(),N(o(fi),{key:0})):(u(),N(o(vi),{key:1}))}}),yi=E(gi),ki={modelValue:{type:[String,Number,Boolean],default:()=>null},disabled:g(),name:h("f-radio"),label:{type:[String,Number,Boolean],default:()=>null},onChange:P()},$i={modelValue:{type:[String,Number,Boolean],default:()=>null},disabled:g(),vertical:g(),columnGap:z(),rowGap:z(),background:g(),size:h("middle",t=>re.includes(t)),onChange:P()},Qt=Symbol("radio-group-props-key"),Ci=["value","disabled","name"],wi={key:0,class:"f-radio__circle"},Si={class:"f-radio__text"},Fi=L({name:"FRadio",__name:"radio",props:Q(ki,{modelValue:{type:[String,Number,Boolean],default:null,type:[String,Number,Boolean]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:r}=j(),a=M({get:()=>f&&f.modelValue||e.modelValue,set:m=>{if(f&&!l.value){r(f.changeEvent,m);return}c.value||(n.value=m,r(e.onChange,m))}}),f=le(Qt,null),i=M(()=>a.value===e.label),l=M(()=>!!(f&&f.disabled)),c=M(()=>e.disabled||l.value),{classes:s}=G(ne({checked:i,disabled:c}),"radio"),d=s(["checked","disabled"],"f-radio");return(m,y)=>{var _;return u(),p("label",{role:"radio","aria-checked":"false",tabindex:"0",class:T(o(d))},[ae($("input",{"onUpdate:modelValue":y[0]||(y[0]=b=>a.value=b),hidden:"",type:"radio",value:m.label,disabled:m.disabled,name:m.name},null,8,Ci),[[pn,a.value]]),(_=o(f))!=null&&_.background?w("",!0):(u(),p("span",wi)),$("span",Si,[F(m.$slots,"default",{},()=>[X(H(m.label),1)])])],2)}}}),zi=E(Fi),Li=L({name:"FRadioGroup",__name:"radio-group",props:Q($i,{modelValue:{type:[String,Number,Boolean],default:"",type:[String,Number,Boolean]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:r}=j(),{styles:a,classes:f}=G(e,"radio-group"),i=s=>{n.value=s,r(e.onChange,s)},l=f(["vertical","background","size"],"f-radio-group"),c=a(["columnGap","rowGap"]);return ue(Qt,ne({..._e(e),changeEvent:i})),(s,d)=>(u(),p("div",{role:"radiogroup",class:T(o(l)),style:D(o(c))},[F(s.$slots,"default")],6))}}),Ii=E(Li),Pi={modelValue:O(0),max:O(5),effectColor:h("#fcc202"),invalidColor:h("#eef"),readonly:g(),icon:Z(),size:z(25),textShow:g(),textColor:h(),textArr:ve(["极差","失望","一般","不错","很棒"]),textSize:z(),onChange:P()},Ei={type:h(void 0,t=>ke.includes(t)),size:z(),color:h(),background:h(),block:g(),spacing:z(),lineHeight:z(),indent:z(),bold:g(),decoration:h(void 0,t=>["overline","line-through","underline"].includes(t)),padding:z(),width:z(),ellipsis:g(),center:g()},Ti=L({name:"FText",__name:"text",props:Ei,setup(t){const e=t,{getProp:n}=he(e),{classes:r,styles:a}=G(n(["type"]),"text"),f=r(["type","block","bold","ellipsis","center"],"f-text"),i=a(["color","background","decoration","width","size","padding","spacing","lineHeight","indent"]);return(l,c)=>(u(),p("p",{class:T(o(f)),style:D(o(i))},[F(l.$slots,"default")],6))}}),en=E(Ti),Vi={class:"f-rate",role:"slider"},Mi={class:"f-rate__list"},Bi=["onMouseover","onClick"],Ai=L({name:"FRate",__name:"rate",props:Q(Pi,{modelValue:{default:0,type:Number},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:r}=j(),a=B(e.modelValue),f=d=>{e.readonly||(a.value=d)},i=()=>{e.readonly||(a.value=e.modelValue)},l=d=>{e.readonly||(a.value=d,n.value=d,r(e.onChange,d))};pe(()=>e.modelValue,()=>{a.value=e.modelValue});const c=M(()=>e.textArr[o(a)-1]),s=M(()=>ee(e.max)?e.max:5);return(d,m)=>(u(),p("div",Vi,[$("div",Mi,[(u(!0),p(U,null,K(s.value,(y,_)=>(u(),p("div",{key:_,class:T(["f-rate__star",{"f-rate__star-readonly":d.readonly}]),onMouseout:i,onMouseover:b=>f(_+1),onClick:b=>l(_+1)},[V(o(x),{size:d.size,icon:d.icon||o(jo),color:a.value>_?d.effectColor:d.invalidColor},null,8,["size","icon","color"])],42,Bi))),128))]),d.textShow?(u(),N(o(en),{key:0,size:d.textSize,color:d.textColor},{default:A(()=>[X(H(c.value),1)]),_:1},8,["size","color"])):w("",!0)]))}}),Ni=E(Ai),Di={ripplesColor:h(),duration:O(400),type:h(void 0,t=>ke.includes(t)),disabled:g(),startOpacity:O(),endOpacity:O()},Ri=L({name:"FRipple",__name:"ripple",props:Di,setup(t){const e=t,{getType:n,getProp:r}=he(e),{styles:a}=G(r(["type"],["default"]),"ripple"),f=B(),i=a(["startOpacity","endOpacity"],!1),l=c=>{if(e.disabled)return;const{ripplesColor:s,duration:d}=_e(e),m=ne({duration:d.value,component:"f-ripple",className:"f-ripple__animation",type:n(),ripplesColor:s.value});if(f.value){const{runRipples:y}=Gn(c,f.value,m);y()}};return(c,s)=>(u(),p("div",{ref_key:"rippleRef",ref:f,class:"f-ripple",style:D(o(i)),onClick:l},[F(c.$slots,"default")],4))}}),Oi=E(Ri),Hi={round:g(),difference:g(),animated:g(),rows:O(1),loading:g(),rowGap:z(),size:h("middle",t=>re.includes(t))},Gi=L({name:"FSkeleton",__name:"skeleton",props:Hi,setup(t){const e=t,{classes:n,styles:r}=G(e,"skeleton"),a=n(["round","animated","size",{key:"difference",callback:()=>e.difference&&ee(e.rows)&&e.rows>=3}],"f-skeleton"),f=r(["rowGap"]),i=M(()=>Le().default?e.loading===!0:!0);return(l,c)=>i.value?(u(),p("div",{key:0,role:"section",class:T(o(a)),style:D(o(f))},[(u(!0),p(U,null,K(l.rows,s=>(u(),p("div",{key:s,class:"f-skeleton__item"}))),128))],6)):F(l.$slots,"default",{key:1})}}),ji=E(Gi),Ui={open:g(),openText:h(),closeText:h(),borderColor:h(),onOpen:P(),onClose:P()},xi={opened:g(),disabled:g(),heightAnimation:g(!0),widthAnimation:g(),animationTime:O(),onOpen:P(),onClose:P(),onOpenEnd:P(),onCloseEnd:P()},qi={class:"f-collapse-animation"},Yi=L({name:"FCollapseAnimation",__name:"collapse-animation",props:xi,setup(t){const e=t,{onBeforeEnter:n,onEnter:r,onAfterEnter:a,onBeforeLeave:f,onLeave:i,onAfterLeave:l}=gl(e),c=e.opened,s=M(()=>e.disabled?c:e.opened);return(d,m)=>(u(),N(ce,{onBeforeEnter:o(n),onEnter:o(r),onAfterEnter:o(a),onBeforeLeave:o(f),onLeave:o(i),onAfterLeave:o(l)},{default:A(()=>[ae($("div",qi,[F(d.$slots,"default")],512),[[be,s.value]])]),_:3},8,["onBeforeEnter","onEnter","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave"]))}}),Ze=E(Yi),Ki={key:0,class:"f-sticky-card__source"},Zi={class:"f-sticky-card__box"},Wi={class:"f-sticky-card__option-text"},Xi=L({name:"FStickyCard",__name:"sticky-card",props:Ui,setup(t){const e=t,{getLang:n}=he(),{run:r}=j(),{styles:a}=G(e,"sticky-card"),f=B(e.open),i=()=>{f.value=!f.value,r(f.value?e.onClose:e.onOpen,f.value)},l=M(()=>{const{openText:s,closeText:d}=e,m=n("stickyCard").value;return o(f)?s||m.openText:d||m.closeText}),c=a(["borderColor"]);return(s,d)=>(u(),p("div",{class:"f-sticky-card",style:D(o(c))},[s.$slots.source?(u(),p("div",Ki,[F(s.$slots,"source")])):w("",!0),$("div",Zi,[V(o(Ze),{opened:f.value},{default:A(()=>[F(s.$slots,"default")]),_:3},8,["opened"])]),$("div",{class:T(["f-sticky-card__option",{"f-sticky-card__option-open":f.value}]),onClick:i},[$("span",Wi,H(l.value),1)],2)],4))}}),tn=E(Xi),Ji={modelValue:{...g(),required:!0},size:h(void 0,t=>re.includes(t)),disabled:g(),loading:g(),icon:Z(),closeColor:h(),activeColor:h(),activeText:h(),closeText:h(),square:g(),iconSize:z(),onChange:P()},Qi=L({name:"FSwitch",__name:"switch",props:Q(Ji,{modelValue:{type:Boolean,default:!1,type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:r}=j(),{getProp:a}=he(e),{styles:f,classes:i}=G(a(["size"]),"switch"),l=()=>{e.disabled||e.loading||(n.value=!n.value,r(e.onChange,!e.modelValue))},c=f(["closeColor","activeColor"]),s=i(["size","square"],"f-switch__input");return(d,m)=>(u(),p("div",{role:"switch",class:T(["f-switch",{"f-switch__disabled":d.disabled||d.loading}]),style:D(o(c))},[d.closeText?(u(),p("span",{key:0,class:T(["f-switch__right-text",{"f-switch__text-active":!n.value}])},H(d.closeText),3)):w("",!0),$("div",{class:T([o(s),{"f-switch__active":n.value}]),onClick:de(l,["stop"])},[$("span",{class:T(["f-switch__roll",{"f-switch__roll-active":n.value}])},[d.icon&&!d.loading?(u(),N(o(x),{key:0,icon:d.icon,size:d.iconSize},null,8,["icon","size"])):w("",!0),d.loading?(u(),N(o(x),{key:1,class:"f-switch__loading-animation",icon:o(Lt),size:d.iconSize},null,8,["icon","size"])):w("",!0)],2)],2),d.activeText?(u(),p("span",{key:1,class:T(["f-switch__left-text",{"f-switch__text-active":n.value}])},H(d.activeText),3)):w("",!0)],6))}}),ec=E(Qi),tc={type:h(void 0,t=>ke.includes(t)),close:g(),round:g(),background:h(),color:h(),beforeIcon:Z(),afterIcon:Z(),size:h(void 0,t=>re.includes(t)),simple:g(),block:g(),line:g(),onClose:P(),onClick:P()},nc=L({name:"FTag",__name:"tag",props:tc,setup(t){const e=t,{getProp:n}=he(e),{run:r}=j(),{classes:a,styles:f}=G(n(["size","type"]),"tag"),i=a(["simple","type","size","block","round","line"],"f-tag"),l=f(["color","background"]),c=s=>{r(e.onClose,s)};return(s,d)=>(u(),N(ce,{name:"f-tag",appear:""},{default:A(()=>[$("div",{class:T(o(i)),style:D(o(l)),onClick:d[0]||(d[0]=(...m)=>s.onClick&&s.onClick(...m))},[s.beforeIcon?(u(),N(o(x),{key:0,icon:s.beforeIcon},null,8,["icon"])):w("",!0),F(s.$slots,"default"),s.afterIcon?(u(),N(o(x),{key:1,icon:s.afterIcon},null,8,["icon"])):w("",!0),s.close?(u(),N(o($e),{key:2,size:14,"on-click":c})):w("",!0)],6)]),_:3}))}}),oc=E(nc),sc={content:z(),position:h("bottom",t=>["top","bottom","right","left"].includes(t)),disabled:g(),state:h("hover",t=>["hover","active","always"].includes(t)),noArrow:g(),bold:g(),bright:g(),background:h(),fontColor:h()},lc=["f-content"],ac=L({name:"FTooltip",__name:"tooltip",props:sc,setup(t){const e=t,{classes:n,styles:r}=G(e,"tooltip"),a=n(["position","state","disabled","bold","noArrow","bright"],"f-tooltip"),f=r(["background","fontColor"]);return(i,l)=>i.$slots.default?(u(),p("div",{key:0,role:"tooltip","f-content":i.content,class:T(o(a)),style:D(o(f))},[F(i.$slots,"default")],14,lc)):w("",!0)}}),rc=E(ac),ic={modelValue:ve(),data:{type:[Object,Array],default:()=>[]},isCheck:g(),offset:O(40),onClickLabel:P()},nn=Symbol("tree-props-key"),cc={model:Z()},uc={class:"f-tree-item"},dc={class:"f-tree-item__label-prefix"},fc={class:"f-tree-item__text"},pc={key:0,class:"f-tree-item__label-option"},bc={key:0,class:"f-tree-item__children"},kt=L({name:"FTreeItem",__name:"index",props:cc,setup(t){const e=t,{run:n}=j(),r=le(nn,null),a=B(!1),f=M(()=>!!(e.model.children&&e.model.children.length)),i=(s,d)=>{d.disabled||(a.value=!a.value,r&&n(r.onClickLabel,s,d,a.value,r.tree))},l=M(()=>r&&ee(r.offset)&&r.offset>1?r.offset:40),c=M(()=>{const{__level:s}=e.model;return s?{"--tree-item-level-padding":`${s*l.value}px`}:{}});return(s,d)=>{var y;const m=wt("f-tree-item");return u(),p("div",uc,[$("div",{class:T(["f-tree-item__label",{"f-tree-item__label-disabled":s.model.disabled}]),style:D(c.value),onClick:d[0]||(d[0]=_=>i(_,s.model))},[$("div",dc,[(y=o(r))!=null&&y.isCheck?(u(),N(o(Se),{key:0,label:s.model.value||s.model.label,disabled:s.model.disabled,"show-label":!1},null,8,["label","disabled"])):w("",!0),f.value?(u(),N(o(x),{key:1,class:T({"f-tree-item__icon-animation":a.value}),size:15,icon:o(Pe)},null,8,["class","icon"])):w("",!0),s.model.icon?(u(),N(o(x),{key:2,size:15,icon:s.model.icon},null,8,["icon"])):w("",!0),$("div",fc,H(s.model.label),1)]),s.$slots.options?(u(),p("div",pc,[F(s.$slots,"options")])):w("",!0)],6),V(o(Ze),{opened:a.value,"animation-time":.3},{default:A(()=>[f.value?(u(),p("div",bc,[(u(!0),p(U,null,K(s.model.children,(_,b)=>(u(),N(m,{key:b,model:_},{options:A(()=>[F(s.$slots,"options")]),_:2},1032,["model"]))),128))])):w("",!0)]),_:3},8,["opened"])])}}}),mc={role:"tree",class:"f-tree"},hc=L({name:"FTree",__name:"tree",props:Q(ic,{check:{type:Array,default:[]},checkModifiers:{}}),emits:["update:check"],setup(t){const e=t,n=J(t,"check"),r=(l,c=0)=>{Ie(l)&&(l=[l]);const s=[];if(fe(l))for(const d of l){const m={...d,__level:c};d.children&&(m.children=r(d.children,c+1)),s.push(m)}return s},a=M(()=>r(e.data)),f=B([]),i=l=>{n.value=l};return ue(nn,ne({onClickLabel:Fe(e,"onClickLabel"),isCheck:Fe(e,"isCheck"),offset:Fe(e,"offset"),tree:a})),(l,c)=>(u(),p("div",mc,[l.isCheck?(u(),N(o(Wt),{key:0,modelValue:f.value,"onUpdate:modelValue":c[0]||(c[0]=s=>f.value=s),style:{display:"block"},"on-change":i},{default:A(()=>[(u(!0),p(U,null,K(a.value,(s,d)=>(u(),N(kt,{key:d,model:s},{options:A(()=>[F(l.$slots,"options")]),_:2},1032,["model"]))),128))]),_:3},8,["modelValue"])):(u(!0),p(U,{key:1},K(a.value,(s,d)=>(u(),N(kt,{key:d,model:s},{options:A(()=>[F(l.$slots,"options")]),_:2},1032,["model"]))),128))]))}}),_c=E(hc),vc={content:h(),fontSize:O(40),gap:O(40),fontColor:h("#111"),zIndex:z(9999)},gc=L({name:"FWatermark",__name:"watermark",props:vc,setup(t){const e=t,n=yl(e),r=B();let a;const f=()=>{if(!r.value)return;a&&a.remove();const{base64:l,size:c}=n.value;a=document.createElement("div"),a.style.position="absolute",a.style.backgroundImage=`url(${l})`,a.style.backgroundSize=`${c}px ${c}px`,a.style.zIndex=e.zIndex.toString(),a.style.inset="0",r.value.appendChild(a)},i=new MutationObserver(l=>{for(const c of l){if(c.removedNodes&&c.removedNodes.length){const s=Array.from(c.removedNodes);for(const d of s)if(d===a){f();return}}if(c.target===a){f();return}}});return ie(()=>{r.value&&i.observe(r.value,{childList:!0,subtree:!0,attributes:!0})}),ie(f),Ge(i.disconnect),(l,c)=>(u(),p("div",{ref_key:"watermarkRef",ref:r,class:"f-watermark"},[F(l.$slots,"default")],512))}}),yc=E(gc),kc={files:ve(),accept:h(),name:h(),drag:g(),isRemove:g(!0),showList:g(!1),multiple:g(),maxSize:O(),maxLength:O(),disabled:g(),onLoad:P(),onChange:P()},$c={class:"f-up-load"},Cc=["name","disabled","accept","multiple"],wc={key:0,class:"f-up-load__file-list"},Sc={class:"f-up-load__file-name"},Fc=L({name:"FUpLoad",__name:"up-load",props:Q(kc,{files:{default:[],type:Array},filesModifiers:{}}),emits:["update:files"],setup(t){const e=t,n=J(t,"files"),{run:r}=j(),a=B(!1),f=B(),i=()=>{f.value&&f.value.click()},l=b=>{n.value=[...n.value,...b],r(e.onLoad,b)},c=b=>{const{maxSize:v,maxLength:C}=_e(e);let k=[...b];return v.value&&(k=k.filter(I=>I.size{const v=b.target.files;v&&l(c(v))},d=b=>{n.value.splice(b,1)},m=b=>{b.preventDefault(),a.value=!0},y=b=>{a.value=!1;const v=b.dataTransfer.files;v&&l(c(v))},_=()=>{pe(()=>e.files,()=>{r(e.onChange,n.value)},{deep:!0})};return e.onChange&&_(),(b,v)=>(u(),p(U,null,[$("div",$c,[b.drag?(u(),p("div",{key:0,class:"f-up-load__drag",onClick:i,onDrop:de(y,["prevent"]),onDragover:de(m,["prevent"])},[F(b.$slots,"default",{},()=>[V(o(x),{icon:o(Ss)},null,8,["icon"])])],32)):(u(),p("div",{key:1,class:"f-up-load__content",onClick:i},[F(b.$slots,"default",{},()=>[V(o(se),null,{default:A(()=>[X("选择文件")]),_:1})])])),$("input",{ref_key:"inputRef",ref:f,type:"file",hidden:"",name:b.name,disabled:b.disabled,accept:b.accept,multiple:b.multiple,onChange:s},null,40,Cc)]),b.showList?(u(),p(U,{key:0},[n.value&&n.value.length?(u(),p("div",wc,[(u(!0),p(U,null,K(n.value,(C,k)=>(u(),p("div",{key:k,class:"f-up-load__file-list-item"},[$("div",Sc,[V(o(x),{icon:o(gs)},null,8,["icon"]),X(" "+H(C.name),1)]),b.isRemove?(u(),N(o($e),{key:0,size:14,onClick:I=>d(k)},null,8,["onClick"])):w("",!0)]))),128))])):w("",!0)],64)):w("",!0)],64))}}),zc=E(Fc),Lc={current:{...O(1),require:!0},total:{...O(0),require:!0},pageSize:O(10),pageSelect:ve(),pagerCount:O(7),background:g(),round:g(),prevIcon:Z(),nextIcon:Z(),disabled:g(),jumpSearch:g(),onPrev:P(),onNext:P(),pageSizeChange:P(),onChange:P()},Ic=["disabled"],Pc=["onClick"],Ec=["disabled"],Tc=L({name:"FPagination",__name:"pagination",props:Q(Lc,{current:{default:1,type:Number},currentModifiers:{},pageSize:{default:10,type:Number},pageSizeModifiers:{}}),emits:["update:current","update:pageSize"],setup(t){const e=t,n=J(t,"current"),r=J(t,"pageSize"),{pages:a,showNextMore:f,showPrevMore:i,maxCount:l,handelTurnPages:c}=dl(e,{currentModelValue:n,pageSizeModelValue:r}),{jumpCurrent:s,selectChange:d,handelChange:m,handleInput:y,handelClick:_}=fl(e,{currentModelValue:n,pageSizeModelValue:r},a,l),{classes:b}=G(e,"pagination"),v=B(10),C=b(["background","round","disabled"],qe);return(k,I)=>(u(),p("div",{class:T(o(C))},[k.pageSelect&&k.pageSelect.length?(u(),N(o(He),{key:0,modelValue:v.value,"onUpdate:modelValue":I[0]||(I[0]=S=>v.value=S),width:120,disabled:k.disabled,"on-change":o(d)},{default:A(()=>[(u(!0),p(U,null,K(k.pageSelect,S=>(u(),N(o(Oe),{key:S,value:S,label:S+"/页"},null,8,["value","label"]))),128))]),_:1},8,["modelValue","disabled","on-change"])):w("",!0),$("button",{class:"f-pagination__button",disabled:k.disabled,onClick:I[1]||(I[1]=S=>o(c)("prev"))},[V(o(x),{size:14,icon:k.prevIcon||o(Ye)},null,8,["icon"])],8,Ic),k.total>0?(u(),p("div",{key:1,class:"f-pagination__pages",onClick:I[2]||(I[2]=S=>o(_)(S))},[$("div",{class:T([o(ge),{[`${o(ge)}-active`]:t.current===1}])}," 1 ",2),o(i)?(u(),p("div",{key:0,class:T([o(ge),o(Nt)])},[V(o(x),{size:15,icon:o(vt)},null,8,["icon"])],2)):w("",!0),(u(!0),p(U,null,K(o(a),S=>(u(),p("div",{key:S,class:T([o(ge),{[`${o(ge)}-active`]:t.current===S}]),onClick:R=>o(m)(S,R)},H(S),11,Pc))),128)),o(f)?(u(),p("div",{key:1,class:T([o(ge),o(Dt)])},[V(o(x),{size:15,icon:o(vt)},null,8,["icon"])],2)):w("",!0),k.total>1&&k.total>Number(t.pageSize)?(u(),p("div",{key:2,class:T([o(ge),{[`${o(ge)}-active`]:t.current===o(l)}])},H(o(l)),3)):w("",!0)])):w("",!0),$("button",{class:"f-pagination__button",disabled:k.disabled,onClick:I[3]||(I[3]=S=>o(c)("next"))},[V(o(x),{size:14,icon:k.nextIcon||o(Pe)},null,8,["icon"])],8,Ec),k.jumpSearch?(u(),N(o(Ee),{key:2,modelValue:o(s),"onUpdate:modelValue":I[4]||(I[4]=S=>St(s)?s.value=S:null),placeholder:"输入跳转的页数",class:"f-pagination__jump",style:{width:"80px"},disabled:k.disabled,"on-blur":o(y),"on-enter":o(y)},null,8,["modelValue","disabled","on-blur","on-enter"])):w("",!0)],2))}}),Vc=E(Tc),Mc={data:ve(),columns:ve(),align:h("left",t=>["left","center","right"].includes(t)),border:g(),select:g(),num:g(),zebra:g(),zebraColor:h(),height:z(),width:z(),bgColor:h(),headBgColor:h(),showHead:g(!0),onSelect:P()},Bc={class:"f-table__container"},Ac={key:0,class:"f-table__header"},Nc={class:"f-table__table"},Dc={key:0,width:50,span:1},Rc={key:1,width:50,span:1},Oc=["width"],Hc=["align"],Gc={key:0},jc={key:1},Uc={class:"f-table__body"},xc={key:0,class:"f-table__table"},qc={key:0,width:50,span:1},Yc={key:1,width:50,span:1},Kc=["width"],Zc=["align"],Wc={key:0},Xc={key:1},Jc=["align"],Qc={key:0},eu={key:1},tu={key:1},nu={class:"f-table__table"},ou={key:0,width:50,span:1},su={key:1},lu=["width"],au=["align"],ru={key:0},iu={key:1},cu={class:"table__no-data"},uu={key:1},du=L({name:"FTable",__name:"table",props:Mc,setup(t){const e=t,{run:n}=j(),{styles:r,classes:a}=G(e,"table"),f=(b,v,C,k)=>b(Me,v,C,k),i=(b,v,C)=>b(Me,v,C),l=r(["zebraColor","bgColor","headBgColor","height","width"]),c=a(["border","zebra"],"f-table"),s=M(()=>!!(e.height&&e.showHead)),d=B([]),m=M({get:()=>d.value.length?(d.value||[]).every(b=>b._select):!1,set:b=>{const v=(d.value||[]).map(C=>(C._select=b,C));return d.value=v,_(),b}});pe(()=>e.data,()=>{if(fe(e.data)||(d.value=[]),e.select){const b=e.data.map(v=>({...v,_select:!1}));d.value=b;return}d.value=e.data},{immediate:!0});const _=()=>{const b=(d.value||[]).filter(v=>v._select);n(e.onSelect,b)};return(b,v)=>(u(),p("div",{role:"table",class:T(o(c)),style:D(o(l))},[$("div",Bc,[b.columns||d.value?(u(),p(U,{key:0},[s.value?(u(),p("div",Ac,[$("table",Nc,[$("colgroup",null,[b.select?(u(),p("col",Dc)):w("",!0),b.num?(u(),p("col",Rc)):w("",!0),(u(!0),p(U,null,K(b.columns,(C,k)=>(u(),p("col",{key:k,width:C.width},null,8,Oc))),128))]),$("thead",{align:b.align},[$("tr",null,[b.select?(u(),p("th",Gc,[V(o(Se),{modelValue:m.value,"onUpdate:modelValue":v[0]||(v[0]=C=>m.value=C),disabled:!d.value.length},null,8,["modelValue","disabled"])])):w("",!0),b.num?(u(),p("th",jc,"#")):w("",!0),(u(!0),p(U,null,K(b.columns,(C,k)=>(u(),p("th",{key:k},[o(Xe)(C.title)?(u(),N(Te(i(C.title,C,k)),{key:0})):(u(),p(U,{key:1},[X(H(C.title),1)],64))]))),128))])],8,Hc)])])):w("",!0),$("div",Uc,[d.value&&d.value.length?(u(),p("table",xc,[$("colgroup",null,[b.select?(u(),p("col",qc)):w("",!0),b.num?(u(),p("col",Yc)):w("",!0),(u(!0),p(U,null,K(b.columns,(C,k)=>(u(),p("col",{key:k,span:1,width:C.width},null,8,Kc))),128))]),s.value?w("",!0):(u(),p("thead",{key:0,align:b.align},[$("tr",null,[b.select?(u(),p("th",Wc,[V(o(Se),{modelValue:m.value,"onUpdate:modelValue":v[1]||(v[1]=C=>m.value=C),disabled:!d.value.length},null,8,["modelValue","disabled"])])):w("",!0),b.num?(u(),p("th",Xc,"#")):w("",!0),(u(!0),p(U,null,K(b.columns,(C,k)=>(u(),p("th",{key:k},[o(Xe)(C.title)?(u(),N(Te(i(C.title,C,k)),{key:0})):(u(),p(U,{key:1},[X(H(C.title),1)],64))]))),128))])],8,Zc)),$("tbody",{align:b.align},[(u(!0),p(U,null,K(d.value,(C,k)=>(u(),p("tr",{key:k},[b.select?(u(),p("td",Qc,[V(o(Se),{modelValue:C._select,"onUpdate:modelValue":I=>C._select=I,"on-change":_},null,8,["modelValue","onUpdate:modelValue"])])):w("",!0),b.num?(u(),p("td",eu,H(k+1),1)):w("",!0),(u(!0),p(U,null,K(b.columns,(I,S)=>(u(),p("td",{key:S},[I.render?(u(),N(Te(f(I.render,C,I,k)),{key:0})):(u(),p(U,{key:1},[I.key?(u(),p(U,{key:0},[X(H(C[I.key]),1)],64)):w("",!0)],64))]))),128))]))),128))],8,Jc),b.$slots.tfoot?(u(),p("tfoot",tu,[F(b.$slots,"tfoot")])):w("",!0)])):(u(),p(U,{key:1},[$("table",nu,[$("colgroup",null,[b.select?(u(),p("col",ou)):w("",!0),b.num?(u(),p("col",su)):w("",!0),(u(!0),p(U,null,K(b.columns,(C,k)=>(u(),p("col",{key:k,span:1,width:C.width},null,8,lu))),128))]),s.value?w("",!0):(u(),p("thead",{key:0,align:b.align},[$("tr",null,[b.select?(u(),p("th",ru,[V(o(Se),{modelValue:m.value,"onUpdate:modelValue":v[2]||(v[2]=C=>m.value=C),disabled:!d.value.length},null,8,["modelValue","disabled"])])):w("",!0),b.num?(u(),p("th",iu,"#")):w("",!0),(u(!0),p(U,null,K(b.columns,(C,k)=>(u(),p("th",{key:k},[o(Xe)(C.title)?(u(),N(Te(i(C.title,C,k)),{key:0})):(u(),p(U,{key:1},[X(H(C.title),1)],64))]))),128))])],8,au))]),$("div",cu,[F(b.$slots,"noData",{},()=>[V(o(it),{content:"暂无数据"})])])],64))])],64)):(u(),p("table",uu,[F(b.$slots,"default")]))])],6))}}),fu=E(du),pu={disabled:g(),onClick:P()},bu=L({name:"FDropdownItem",__name:"dropdown-item",props:pu,setup(t){const e=t,{run:n}=j(),r=le(at,null),a=f=>{e.disabled||(n(r&&r.close),n(e.onClick,f))};return(f,i)=>(u(),p("div",{class:T(["f-dropdown-item",{"f-dropdown-item__disabled":f.disabled}]),onClick:a},[F(f.$slots,"default")],2))}}),mu=E(bu),hu={modelValue:{...z(),required:!0},rows:z(),disabled:g(),autoHeight:g(),maxLength:O(),autofocus:g(),name:h("f-textarea"),placeholder:h(),readonly:g(),fontSize:z(),onInput:P(),resize:h(void 0,t=>["none","both","horizontal","vertical"].includes(t)),clear:g(),onChange:P(),onBlur:P(),onFocus:P(),onEnter:P()},_u=["rows","disabled","readonly","autofocus","placeholder","name"],vu=L({name:"FTextarea",__name:"textarea",props:Q(hu,{modelValue:{default:"",type:[Number,String]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{handleInput:r,handleClear:a,handleChange:f}=Vt(e,n),{classes:i,styles:l}=G(e,"textarea"),{run:c}=j(),s=B(),d=i(["disabled","autoHeight"],"f-textarea"),m=l(["resize","fontSize"]),y=async()=>{await Ne(),s.value&&(s.value.style.height="auto",s.value.style.height=s.value.scrollHeight+"px")},_=k=>{r(k),e.autoHeight&&y()},b=()=>{const k=pe(()=>[e.modelValue,e.rows,e.autoHeight],()=>{y(),e.autoHeight||(k(),s.value&&(s.value.style.height="auto"))},{immediate:!0})},v=zt(y,500);ie(()=>{e.autoHeight&&(b(),window.addEventListener("resize",v))}),$t(()=>{window.removeEventListener("resize",v)});const C=k=>{if(k.key==="Enter"&&k.ctrlKey){n.value+=`
+`,e.autoHeight&&y();return}k.key==="Enter"&&(k.preventDefault(),c(e.onEnter,n.value,k))};return(k,I)=>(u(),p("div",{class:T(o(d)),style:D(o(m))},[ae($("textarea",{ref_key:"textareaRef",ref:s,"onUpdate:modelValue":I[0]||(I[0]=S=>n.value=S),class:"f-textarea__textarea",rows:k.rows,disabled:k.disabled,readonly:k.readonly,autofocus:k.autofocus,placeholder:k.placeholder,name:k.name,onInput:_,onChange:I[1]||(I[1]=(...S)=>o(f)&&o(f)(...S)),onBlur:I[2]||(I[2]=(...S)=>k.onBlur&&k.onBlur(...S)),onFocus:I[3]||(I[3]=(...S)=>k.onFocus&&k.onFocus(...S)),onKeydown:C},null,40,_u),[[bn,n.value]]),k.clear?(u(),N(o(x),{key:0,class:"f-textarea__clear-btn",icon:o(st),size:14,"on-click":o(a)},null,8,["icon","on-click"])):w("",!0)],6))}}),gu=E(vu),yu={modelValue:O(0),model:h("default",t=>["default","button","switch"].includes(t)),precision:O(0),buttonType:h(void 0,t=>ke.includes(t)),step:O(1),size:h("middle",t=>re.includes(t)),disabled:g(),max:O(),min:O(),maxLength:O(),autofocus:g(),name:h("f-input-number"),placeholder:h(),clear:g(),readonly:g(),onChange:P(),onBlur:P(),onFocus:P(),onInput:P()},ku={class:"f-input-number__wrapper"},$u=L({name:"FInputNumber",__name:"input-number",props:Q(yu,{modelValue:{default:0,type:Number},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{run:r}=j(),a=M(()=>{const{step:l,min:c}=e;return!c&&!ee(c)?!1:n.value-Math.abs(l){const{step:l,max:c}=e;return!c&&!ee(c)?!1:n.value+Math.abs(l)>c}),i=l=>{const{disabled:c,readonly:s,step:d}=e;if(c||s)return;r({minus:()=>{n.value-=d},plus:()=>{n.value+=d}}[l]),r(e.onChange,n.value)};return(l,c)=>(u(),p("div",{role:"input",class:T(["f-input-number",{"f-input-number__button":l.model==="button"}])},[l.model==="button"?(u(),N(o(se),{key:0,class:"f-input-number__minus",type:l.buttonType||"primary",size:l.size,disabled:l.disabled||a.value,"before-icon":o(Ye),"on-click":()=>i("minus")},null,8,["type","size","disabled","before-icon","on-click"])):w("",!0),$("div",ku,[V(o(Ee),{modelValue:n.value,"onUpdate:modelValue":c[0]||(c[0]=s=>n.value=s),type:"number",max:l.max,min:l.min,disabled:l.disabled,readonly:l.readonly,autofocus:l.autofocus,name:l.name,size:l.size,clear:l.clear,placeholder:l.placeholder,"on-blur":l.onBlur,"on-focus":l.onFocus,"on-input":l.onInput,"on-change":l.onChange},{after:A(()=>[l.model==="switch"?(u(),p("div",{key:0,class:T(["f-input-number__switch",`f-input-number__switch-${l.size}`])},[V(o(se),{disabled:l.disabled||f.value,size:l.size,type:l.buttonType||"default","before-icon":o(Us),onclick:()=>i("plus")},null,8,["disabled","size","type","before-icon","onclick"]),V(o(se),{disabled:l.disabled||a.value,size:l.size,type:l.buttonType||"default","before-icon":o(De),"on-click":()=>i("minus")},null,8,["disabled","size","type","before-icon","on-click"])],2)):w("",!0)]),_:1},8,["modelValue","max","min","disabled","readonly","autofocus","name","size","clear","placeholder","on-blur","on-focus","on-input","on-change"])]),l.model==="button"?(u(),N(o(se),{key:1,class:"f-input-number__plus",type:l.buttonType||"primary",size:l.size,disabled:l.disabled||f.value,"before-icon":o(Pe),"on-click":()=>i("plus")},null,8,["type","size","disabled","before-icon","on-click"])):w("",!0)],2))}}),Cu=E($u),wu={modelValue:z(),position:h("top",t=>["left","right","top","bottom"].includes(t)),type:h("line",t=>["line","card","segment"].includes(t)),justifyContent:h(void 0,t=>["flex-start","center","flex-end","space-between","space-around","space-evenly"].includes(t)),trigger:h("click",t=>["click","hover"].includes(t)),onSwitch:P()},on=Symbol("tabs-props-key"),Su={class:"f-tabs__head"},Fu={key:0,class:"f-tabs__prefix"},zu={class:"f-tabs__navs"},Lu={key:1,class:"f-tabs__suffix"},Iu={class:"f-tabs__body"},Pu="FTabsItem",Eu=L({name:"FTabs",__name:"tabs",props:Q(wu,{modelValue:{default:null,type:[Number,String]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{classes:r,styles:a}=G(e,"tabs"),f=B(0),i=new Map,l=mn(),c=k=>{const I=fe(k)?k:[k],S=[];return I.forEach(R=>{fe(R)?S.push(...c(R)):pt(R)&&fe(R.children)?S.push(...c(R.children)):pt(R)&&R.component&&S.push(R)}),S},s=(k,I)=>k.subTree?c(k.subTree.children).filter(R=>Ie(R.type)&&R.type.name===I):[],d=je(),m=k=>{i.set(k.uid,k);const S=s(d,Pu).map(R=>R.component?R.component.uid:null).filter(Boolean);if(l.value=S.map(R=>i.get(R)).filter(Boolean),n.value){f.value=n.value;return}l.value&&l.value.length&&l.value[0].activeName&&(f.value=l.value[0].activeName)},y=M(()=>l.value&&l.value.map((k,I)=>(k.activeName=k.activeName||I,{name:k.activeName,label:k.label})));ue(on,{activeName:f,registerChild:m});const _=async k=>{let I=!0;e.onSwitch&&(I=await e.onSwitch(k)),!(lt(I)&&!I)&&(f.value=k,n.value=k)},b=r(["position","type"],"f-tabs"),v=a(["justifyContent"]),C=M(()=>e.trigger==="hover"?"mouseenter":"click");return(k,I)=>(u(),p("div",{role:"tab",class:T(o(b)),style:D(o(v))},[$("div",Su,[k.$slots.prefix?(u(),p("div",Fu,[F(k.$slots,"prefix")])):w("",!0),$("div",zu,[(u(!0),p(U,null,K(y.value,(S,R)=>(u(),p("div",hn({key:R,class:["f-tabs__nav-item",{"f-tabs__nav-active":S.name===f.value}]},{[_n(C.value)]:q=>_(S.name)}),H(S.label),17))),128))]),k.$slots.suffix?(u(),p("div",Lu,[F(k.$slots,"suffix")])):w("",!0)]),$("div",Iu,[F(k.$slots,"default")])],6))}}),Tu=E(Eu),Vu={date:h(),disabled:g(),clear:g(),size:h("middle",t=>re.includes(t)),format:h("YYYY/MM/DD"),placeholder:h(),addZero:g()},Mu={class:"f-date-picker"},Bu={class:"f-date-picker__content"},Au={class:"f-date-picker__option"},Nu=L({name:"FDatePicker",__name:"date-picker",props:Q(Vu,{date:{default:"",type:String},dateModifiers:{}}),emits:["update:date"],setup(t){const e=t,n=J(t,"date"),r=new Date,a=RegExp(/([Y]{4})|([M]{2})|([D]{2})/),f=B(),i=r.getFullYear(),l=r.getMonth()+1,c=r.getDate(),s={YYYY:i+"",MM:e.addZero?oe(l):l+"",DD:e.addZero?oe(c):c+""},d=()=>{let _=e.format;a.test(_)||(ye("f-date-picker","`format` is not a standard format, default format will be used"),_="YYYY/MM/DD");for(const b in s)_=_.replace(b,s[b].toString());n.value=_},m=(_,b,v)=>{s.YYYY=_+"",s.MM=e.addZero?oe(b):b+"",s.DD=e.addZero?oe(v):v+""},y=(_,b)=>{f.value.close(_),b&&d()};return(_,b)=>(u(),p("div",Mu,[V(o(Ke),{ref_key:"triggerInstance",ref:f,trigger:"click",disabled:_.disabled},{content:A(()=>[$("div",Bu,[V(o(Kt),{date:o(r),"onUpdate:date":b[1]||(b[1]=v=>St(r)?r.value=v:null),"day-cell-height":42,"week-cell-height":42,"on-change":m},null,8,["date"]),$("div",Au,[V(o(se),{size:"mini",onClick:b[2]||(b[2]=v=>y(v,!1))},{default:A(()=>[X("取消")]),_:1}),V(o(se),{type:"primary",size:"mini",onClick:b[3]||(b[3]=v=>y(v,!0))},{default:A(()=>[X(" 确定 ")]),_:1})])])]),default:A(()=>[V(o(Ee),{modelValue:n.value,"onUpdate:modelValue":b[0]||(b[0]=v=>n.value=v),autocomplete:"off",readonly:"",disabled:_.disabled,placeholder:_.placeholder||"请选择日期",clear:_.clear,size:_.size,"after-icon":o(al)},null,8,["modelValue","disabled","placeholder","clear","size","after-icon"])]),_:1},8,["disabled"])]))}}),Du=E(Nu),Ru={time:h(),disabled:g(),clear:g(),placeholder:h(),size:h("middle",t=>re.includes(t))},Ou={class:"f-time-picker"},Hu={class:"f-time-picker__content"},Gu=["onClick"],ju=["onClick"],Uu=["onClick"],xu={class:"f-time-picker__option"},qu=L({name:"FTimePicker",__name:"time-picker",props:Q(Ru,{time:{default:"",type:String},timeModifiers:{}}),emits:["update:time"],setup(t){const e=J(t,"time"),n=new Date,r=ne({hour:oe(n.getHours()),minute:oe(n.getMinutes()),second:oe(n.getSeconds())}),a=B(),f=(y,_=!0)=>{if(_&&!me(_)&&(e.value=`${r.hour}:${r.minute}:${r.second}`),_==="now"){const b=new Date;r.hour=oe(b.getHours()),r.minute=oe(b.getMinutes()),r.second=oe(b.getSeconds())}lt(_)&&a.value.close(y)},i=B(),l=B(),c=B(),s=(y,_)=>{y.scrollTo({top:_,behavior:"smooth"})},d=async()=>{if(await Ne(),i.value&&l.value&&c.value){const y=c.value.querySelector(".f-time-picker__second-item").offsetHeight;s(i.value,(Number(r.hour)===0?24:Number(r.hour)-2)*y),s(l.value,(Number(r.minute)-2)*y),s(c.value,(Number(r.second)-2)*y)}},m=(y,_)=>{r[_]=oe(y)};return pe(()=>r,d,{deep:!0}),(y,_)=>(u(),p("div",Ou,[V(o(Ke),{ref_key:"triggerInstance",ref:a,trigger:"click",disabled:y.disabled,"on-open":d},{content:A(()=>[$("div",Hu,[$("div",{ref_key:"hoverRef",ref:i,class:"f-time-picker__hour"},[(u(),p(U,null,K(24,b=>$("div",{key:b,class:T(["f-time-picker__hour-item",{"f-time-picker__hour-active":o(oe)(b===24?0:b).toString()===r.hour}]),onClick:de(v=>m(b===24?0:b,"hour"),["stop"])},H(o(oe)(b===24?0:b)),11,Gu)),64))],512),$("div",{ref_key:"minuteRef",ref:l,class:"f-time-picker__minute"},[(u(),p(U,null,K(59,b=>$("div",{key:b,class:T(["f-time-picker__minute-item",{"f-time-picker__minute-active":o(oe)(b).toString()===r.minute}]),onClick:de(v=>m(b,"minute"),["stop"])},H(o(oe)(b)),11,ju)),64))],512),$("div",{ref_key:"secondRef",ref:c,class:"f-time-picker__second"},[(u(),p(U,null,K(59,b=>$("div",{key:b,class:T(["f-time-picker__second-item",{"f-time-picker__second-active":o(oe)(b).toString()===r.second}]),onClick:de(v=>m(b,"second"),["stop"])},H(o(oe)(b)),11,Uu)),64))],512)]),$("div",xu,[V(o(se),{size:"mini",onClick:_[1]||(_[1]=b=>f(b,"now"))},{default:A(()=>[X("当前")]),_:1}),V(o(se),{size:"mini",onClick:_[2]||(_[2]=b=>f(b,!1))},{default:A(()=>[X("取消")]),_:1}),V(o(se),{type:"primary",size:"mini",onClick:_[3]||(_[3]=b=>f(b,!0))},{default:A(()=>[X(" 确定 ")]),_:1})])]),default:A(()=>[V(o(Ee),{modelValue:e.value,"onUpdate:modelValue":_[0]||(_[0]=b=>e.value=b),autocomplete:"off",type:"text",placeholder:y.placeholder||"请选择时间",disabled:y.disabled,size:y.size,clear:y.clear,"after-icon":o(Ds)},null,8,["modelValue","placeholder","disabled","size","clear","after-icon"])]),_:1},8,["disabled"])]))}}),Yu=E(qu),Ku={mode:h("horizontal",t=>["horizontal","vertical","inline"].includes(t)),activeName:z(),onMenuItemClick:P(),onSubmenuClick:P()},ut=Symbol("menu-provide-key"),Zu={key:0,class:"f-menu__before"},Wu={class:"f-menu__content"},Xu={key:1,class:"f-menu__after"},Ju=L({name:"FMenu",__name:"menu",props:Ku,setup(t){const e=t,{classes:n}=G(e,"menu"),r=B(e.activeName),a=M(()=>r.value),f=l=>{r.value=l};ue(ut,{mode:Fe(e,"mode"),defaultActive:a,setActiveName:f,onMenuItemClick:e.onMenuItemClick,onSubmenuClick:e.onSubmenuClick});const i=n(["mode"],"f-menu");return(l,c)=>(u(),p("div",{role:"menu",class:T(o(i))},[l.$slots.before?(u(),p("div",Zu,[F(l.$slots,"before")])):w("",!0),$("div",Wu,[F(l.$slots,"default")]),l.$slots.after?(u(),p("div",Xu,[F(l.$slots,"after")])):w("",!0)],2))}}),Qu=E(Ju),ed={icon:Z(),fontSize:z(),color:h(),to:h(),name:z(),disabled:g()},td={class:"f-menu-item__text"},nd=L({name:"FMenuItem",__name:"menu-item",props:ed,setup(t){const e=t,{run:n}=j(),{styles:r}=G(e,"menu-item"),a=le(ut,null),f=je(),i=s=>{if(e.disabled)return;a&&(n(a.onMenuItemClick,e.name,s),n(a.setActiveName,e.name));const d=f.appContext.config.globalProperties.$router;if(d&&e.to)try{d.push(e.to)}catch(m){ye("f-menu-item",m)}},l=M(()=>!a||!a.defaultActive?!1:e.name===a.defaultActive.value),c=r(["fontSize","color"]);return(s,d)=>(u(),p("div",{role:"menuitem",class:T(["f-menu-item",{"f-menu-item__active":l.value,"f-menu-item__disabled":s.disabled}]),style:D(o(c)),onClick:i},[s.icon?(u(),N(o(x),{key:0,icon:s.icon},null,8,["icon"])):w("",!0),$("span",td,[F(s.$slots,"default")])],6))}}),od=E(nd),sd={disabled:g(),opened:g()},ld={class:"f-submenu__title"},ad={class:"f-submenu__title-text"},rd={key:1,role:"none",class:"f-submenu__inline"},id={role:"none",class:"f-submenu__title-text"},cd={role:"none",class:"f-submenu__content"},ud=L({name:"FSubmenu",__name:"submenu",props:sd,setup(t){const e=t,{run:n}=j(),r=le(ut,null),a=B(e.opened),f=i=>{e.disabled||(a.value=!a.value,r&&n(r.onSubmenuClick,a.value,i))};return(i,l)=>(u(),p("div",{role:"menuitem",class:T(["f-submenu",{[`f-submenu__${o(r)&&o(r).mode.value}`]:o(r)&&o(r).mode.value,"f-submenu__disabled":i.disabled}])},[o(r)&&o(r).mode.value!=="inline"?(u(),N(o(rt),{key:0,trigger:"click",spacing:5},{content:A(()=>[F(i.$slots,"default")]),default:A(()=>[$("div",ld,[$("div",ad,[i.$slots.title?F(i.$slots,"title",{key:0}):w("",!0)]),V(o(x),{icon:o(De)},null,8,["icon"])])]),_:3})):(u(),p("div",rd,[$("div",{role:"none",class:"f-submenu__title",onClick:f},[$("div",id,[F(i.$slots,"title")]),V(o(x),{class:T(["f-submenu__arrow-icon",{"f-submenu__arrow-icon-animation":a.value}]),icon:o(De)},null,8,["class","icon"])]),$("div",cd,[V(o(Ze),{opened:a.value,"animation-time":.27},{default:A(()=>[F(i.$slots,"default")]),_:3},8,["opened"])])]))],2))}}),dd=E(ud),fd={title:h()},pd={class:"f-menu-item-group"},bd={class:"f-menu-item-group__title"},md={class:"f-menu-item-group__list"},hd=L({name:"FMenuItemGroup",__name:"menu-item-group",props:fd,setup(t){return(e,n)=>(u(),p("div",pd,[$("div",bd,H(e.title),1),$("div",md,[F(e.$slots,"default")])]))}}),_d=E(hd),vd={modelValue:O(0),step:O(1),min:O(0),max:O(100),disabled:g(),background:h(),activeColor:h(),width:z()},gd={class:"f-slider__road"},yd=L({name:"FSlider",__name:"slider",props:Q(vd,{modelValue:{default:0,type:Number},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,n=J(t,"modelValue"),{styles:r,classes:a}=G(e,"slider"),f=B(),i=B(),{offset:l,offsetLeft:c,setPosition:s}=ul(f,e,n);ie(()=>{i.value&&(to(i.value,c,y=>{if(e.disabled)return;const _=y*100/f.value.clientWidth;s(_)}),s((e.modelValue-e.min)*100/(e.max-e.min)))});const d=a(["disabled"],"f-slider"),m=r(["background","activeColor","width"]);return(y,_)=>(u(),p("div",{ref_key:"sliderEl",ref:f,role:"slider",class:T(o(d)),style:D(o(m))},[$("div",gd,[$("div",{class:"f-slider__selected",style:D(`width: ${o(l)}%`)},null,4),$("div",{ref_key:"circleEl",ref:i,class:"f-slider__icon",style:D(`left: ${o(l)}%`)},null,4)])],6))}}),kd=E(yd),$d=L({name:"FFightingGlobal",__name:"fighting-global",props:jn,setup(t){const e=t,{interceptors:n}=Dn(e),r=M(()=>n("type",()=>ke.includes(e.type),"default")),a=M(()=>n("size",()=>re.includes(e.size),"middle")),f=M(()=>n("lang",()=>["en-US","zh-CN"].includes(e.lang),"zh-CN"));return ue(It,ne({type:r.value,size:a.value,lang:f.value})),(i,l)=>F(i.$slots,"default")}}),Cd=E($d),wd={model:Z(),labelWidth:z(),labelPosition:h("left",t=>["left","top"].includes(t)),onSubmit:P()},sn=Symbol("form-provide-key"),Sd=L({name:"FForm",__name:"form",props:wd,setup(t,{expose:e}){const n=t,{run:r}=j(),{childrenCheckResult:a,validate:f}=vl(n),i=l=>{l.preventDefault();const c=n.model?f():!0;r(n.onSubmit,c,n.model,a,l)};return ue(sn,ne({..._e(n),childrenCheckResult:a})),e({submit:i,validate:f}),(l,c)=>l.$slots.default?(u(),p("form",{key:0,role:"form",class:"f-form",onsubmit:i},[F(l.$slots,"default")])):w("",!0)}}),Fd=E(Sd),zd={label:h(),name:h(),rules:{type:[Array,Object],default:()=>null}},Ld={key:0,class:"f-form-item__label"},Id={class:"f-form-item__content"},Pd={key:0,class:"f-form-item__error"},Ed=L({name:"FFormItem",__name:"form-item",props:zd,setup(t){const e=t,n=le(sn,null),r=M(()=>{const i=n&&n.childrenCheckResult[e.name];return me(i)?i:!1}),a=M(()=>({"--form-item-label-width":n&&xe(n.labelWidth)})),f=M(()=>["f-form-item",{[`f-form-item__label-${n==null?void 0:n.labelPosition}`]:n==null?void 0:n.labelPosition}]);return(i,l)=>(u(),p("div",{class:T(f.value),style:D(a.value)},[i.label?(u(),p("label",Ld,H(i.label),1)):w("",!0),$("div",Id,[F(i.$slots,"default"),V(ce,{name:"f-form-item__err-transition"},{default:A(()=>[r.value?(u(),p("div",Pd,H(r.value),1)):w("",!0)]),_:1})])],6))}}),Td=E(Ed),Vd={role:h(),padding:z(),width:z(),height:z(),background:h(),display:h()},Md=["role"],Bd=L({name:"FBox",__name:"box",props:Vd,setup(t){const e=t,{styles:n}=G(e,"box"),r=n(["padding","width","height","background","display"]);return(a,f)=>(u(),p("div",{class:"f-box",role:a.role||"none",style:D(o(r))},[F(a.$slots,"default")],12,Md))}}),Ad=E(Bd),Nd={distance:z(0),onScrollEnd:P()},Dd={class:"f-infinite-scrolling"},Rd=L({name:"FInfiniteScrolling",__name:"infinite-scrolling",props:Nd,setup(t){const e=t,{run:n}=j(),r=B(),a=()=>new IntersectionObserver(f=>{f[0].isIntersecting&&n(e.onScrollEnd)},{rootMargin:xe(e.distance)});return ie(()=>{r.value&&a().observe(r.value)}),(f,i)=>(u(),p("div",Dd,[F(f.$slots,"default"),$("div",{ref_key:"loadingRef",ref:r,class:"f-infinite-scrolling__loading"},"加载中...",512)]))}}),Od=E(Rd),Hd={from:O(0),to:O(),approximateTime:O(2e3),localeString:g(),styles:Z(),automatic:g(!0),onAnimationEnd:P()},Gd=L({name:"FNumberAnimate",__name:"number-animate",props:Hd,setup(t,{expose:e}){const n=t,{run:r}=j(),a=B(n.from),f=B(!1),i=d=>{f.value&&(a.value=n.from,f.value=!1);const m=Number(n.to);if(!ee(Number(a.value))||!ee(m)){ye("f-number-animate","Expected value is not a number");return}if(a.value+=m/n.approximateTime*20,a.value>=m){a.value=m,r(n.onAnimationEnd,d);return}window&&window.requestAnimationFrame(i)},l=M(()=>n.localeString?a.value.toLocaleString():a.value),c=(d=!0)=>{f.value=d,window&&window.requestAnimationFrame(i)};return ie(()=>{n.automatic&&c(!1)}),e({run:()=>{c()}}),(d,m)=>(u(),p("div",{class:"f-number-animate",style:D(d.styles)},H(l.value),5))}}),jd=E(Gd),Ud={time:z(0),interval:z(1e3),format:h("HH:mm:ss"),autoStart:g(!0),millisecond:g(!1),onFinish:P()},xd={class:"f-count-down"},qd={key:0,class:"f-count-down__text"},Yd=L({name:"FCountDown",__name:"count-down",props:Ud,setup(t,{expose:e}){const n=t,{run:r}=j(),{start:a,pause:f,reset:i,current:l}=hl({time:+n.time,millisecond:n.millisecond,interval:+n.interval,onFinish:()=>{r(n.onFinish)}}),c=(d,m)=>{const{days:y}=m;let{hours:_,minutes:b,seconds:v,milliseconds:C}=m;const k=(I,S=2)=>(I+"").padStart(S,"0");if(d.includes("DD")?d=d.replace("DD",k(y)):_+=y*24,d.includes("HH")?d=d.replace("HH",k(_)):b+=_*60,d.includes("mm")?d=d.replace("mm",k(b)):v+=b*60,d.includes("ss")?d=d.replace("ss",k(v)):C+=v*1e3,d.includes("S")){const I=k(C,3);d.includes("SSS")?d=d.replace("SSS",I):d.includes("SS")?d=d.replace("SS",I.slice(0,2)):d=d.replace("S",I.charAt(0))}return d},s=M(()=>c(n.format,l.value));return pe(()=>n.time,()=>{i(+n.time),n.autoStart&&a()},{immediate:!0}),e({current:l,start:a,pause:f,reset:i}),(d,m)=>(u(),p("div",xd,[d.$slots.default?w("",!0):(u(),p("span",qd,H(s.value),1)),F(d.$slots,"default",Ct(vn(o(l))))]))}}),Kd=E(Yd),Zd=L({name:"FAvatarGroup",__name:"avatar-group",props:El,setup(t){const e=t,{styles:n}=G(e,"avatar-group");ue(jt,e);const r=B();ie(()=>{if(r.value){const i=r.value.querySelectorAll(".f-avatar");i&&i.length&&i.forEach((l,c)=>{l.style.zIndex=(i.length-c).toString()})}});const f=n(["positionSize"]);return(i,l)=>(u(),p("div",{ref_key:"avatarGroupRef",ref:r,role:"group",class:"f-avatar-group",style:D(o(f))},[F(i.$slots,"default")],4))}}),Wd=E(Zd),Xd={name:z(),label:h(),lazy:g()},Jd=L({name:"FTabsItem",__name:"tabs-item",props:Xd,setup(t){const e=t,n=je(),r=B(e.name),a=le(on,null),f=ne({activeName:r,uid:n.uid,label:e.label}),i=M(()=>a?a.activeName.value===r.value?!0:!e.lazy:!1),l=M(()=>a?a.activeName.value===f.activeName:!1);return ie(()=>{a&&a.registerChild(f)}),(c,s)=>i.value?ae((u(),p("div",{key:0,class:T(["f-tabs-item",{"f-tabs-item__active":l.value}]),role:"tabpanel"},[F(c.$slots,"default")],2)),[[be,l.value]]):w("",!0)}}),Qd=E(Jd),ef=Object.freeze(Object.defineProperty({__proto__:null,FAlert:Fl,FAside:Il,FAvatar:Al,FAvatarGroup:Wd,FBackTop:Rl,FBadge:jl,FBox:Ad,FBreadcrumb:Yl,FBreadcrumbItem:Xl,FButton:se,FButtonGroup:Ql,FCalendar:Kt,FCard:Ra,FCheckbox:Se,FCheckboxGroup:Wt,FCloseBtn:$e,FCollapseAnimation:Ze,FConfirmBox:Un,FCountDown:Kd,FDatePicker:Du,FDialog:or,FDivider:rr,FDrawer:hr,FDropdown:rt,FDropdownItem:mu,FEmpty:it,FExpandCard:kr,FFightingGlobal:Cd,FFooter:wr,FForm:Fd,FFormItem:Td,FHeader:zr,FImage:Yt,FImagePreview:Nr,FInfiniteScrolling:Od,FInput:Ee,FInputNumber:Cu,FLayout:Or,FLink:Ur,FList:Zr,FListItem:Jr,FMain:ti,FMenu:Qu,FMenuItem:od,FMenuItemGroup:_d,FMessage:Pt,FNotification:Et,FNumberAnimate:jd,FOption:Oe,FPageHeader:ri,FPagination:Vc,FProgress:yi,FRadio:zi,FRadioGroup:Ii,FRate:Ni,FRipple:Oi,FSelect:He,FSkeleton:ji,FSlider:kd,FSpace:xn,FStickyCard:tn,FSubmenu:dd,FSvgIcon:x,FSwap:qt,FSwitch:ec,FTable:fu,FTabs:Tu,FTabsItem:Qd,FTag:oc,FText:en,FTextarea:gu,FTimePicker:Yu,FToolbar:Xt,FToolbarItem:we,FTooltip:rc,FTree:_c,FTrigger:Ke,FUpLoad:zc,FWatermark:yc},Symbol.toStringTag,{value:"Module"})),tf="1.0.0-alpha.8",nf=E({directive:Rn(cl(),"loading")}),of=t=>(qn(ef).forEach(([e,n])=>{t.component(e,n)}),t.config.globalProperties.FMessage=Pt,t.config.globalProperties.FNotification=Et,t.directive("loading",nf.directive),t),sf={version:tf,install:of};const lf=[{title:"安装",rule:"安装",url:"docs/install"},{title:"快速上手",rule:"快速上手完整引入自动导入按需引入",url:"docs/import"},{title:"介绍",rule:"介绍",url:"docs/introduce"},{title:"贡献指南",rule:"贡献指南",url:"docs/contributing"},{title:"加入我们",rule:"加入我们",url:"docs/join"},{title:"更新日志",rule:"更新日志changelogCONTRIBUTING",url:"docs/changelog"},{title:"里程碑",rule:"里程碑",url:"docs/milepost"},{title:"Button 按钮",rule:"buttonButton按钮第一个组件",url:"components/button"},{title:"Svg Icon 图标",rule:"svg-iconSvgIcon图标icon",url:"components/svg-icon"},{title:"Link 链接",rule:"linkLink链接超链接",url:"components/link"},{title:"Text 文字",rule:"textText文字文本段落",url:"components/text"},{title:"Layout 布局",rule:"layoutLayout布局容器",url:"components/layout"},{title:"Space 间距",rule:"spaceSpace间距",url:"components/space"},{title:"Color 色彩",rule:"colorColor色彩",url:"components/color"},{title:"Badge 角标",rule:"badgeBadge角标",url:"components/badge"},{title:"Image 图片",rule:"imageImage图片",url:"components/image"},{title:"Image Preview 图片预览",rule:"image-previewImagePreview图片预览",url:"components/image-preview"},{title:"Card 卡片",rule:"cardCard卡片",url:"components/card"},{title:"Tag 标签",rule:"tagTag标签",url:"components/tag"},{title:"Switch 开关",rule:"switchSwitch开关游戏机",url:"components/switch"},{title:"Avatar 头像",rule:"avatarAvatar头像",url:"components/avatar"},{title:"Progress 进度条",rule:"progressProgress进度条",url:"components/progress"},{title:"Empty 空状态",rule:"emptyEmpty空状态",url:"components/empty"},{title:"List 列表",rule:"listList列表",url:"components/list"},{title:"Radio 单选框",rule:"radioRadio单选框",url:"components/radio"},{title:"Checkbox 复选框",rule:"checkboxCheckbox复选框多选框",url:"components/checkbox"},{title:"ExpandCard 折叠动效",rule:"expand-cardExpandCard折叠动效",url:"components/expand-card"},{title:"Tree 树",rule:"treeTree树形控件",url:"components/tree"},{title:"StickyCard 粘性卡片",rule:"sticky-cardStickyCard粘性卡片",url:"components/sticky-card"},{title:"Rate 评分",rule:"rateRate评分星星",url:"components/rate"},{title:"Input 输入框",rule:"inputInput输入框文本框",url:"components/input"},{title:"Up Load 文件上传",rule:"up-loadUpLoad文件上传upload",url:"components/up-load"},{title:"Table 表格",rule:"tableTable表格",url:"components/table"},{title:"Breadcrumb 面包屑",rule:"breadcrumbBreadcrumb面包屑",url:"components/breadcrumb"},{title:"Page Header 页头",rule:"page-headerPageHeader页头",url:"components/page-header"},{title:"Close Btn 关闭按钮",rule:"close-btnCloseBtn关闭按钮",url:"components/close-btn"},{title:"Dropdown 下拉菜单",rule:"dropdownDropdown下拉菜单",url:"components/dropdown"},{title:"Alert 警告",rule:"alertAlert警告提示信息",url:"components/alert"},{title:"Loading 加载",rule:"loadingLoading加载转圈圈",url:"components/loading"},{title:"Message 消息提示",rule:"messageMessage消息提示",url:"components/message"},{title:"Notification 通知",rule:"notificationNotification通知",url:"components/notification"},{title:"Skeleton 骨架屏",rule:"skeletonSkeleton骨架屏",url:"components/skeleton"},{title:"BackTop 返回顶部",rule:"back-topBackTop返回顶部",url:"components/back-top"},{title:"Dialog 对话框",rule:"dialogDialog对话框",url:"components/dialog"},{title:"Drawer 抽屉",rule:"drawerDrawer抽屉",url:"components/drawer"},{title:"Tooltip 消息提示",rule:"tooltipTooltip消息提示",url:"components/tooltip"},{title:"Swap 切换",rule:"swapSwap 切换",url:"components/swap"},{title:"Toolbar 工具栏",rule:"toolbarToolbar工具栏",url:"components/toolbar"},{title:"Divider 分隔线",rule:"dividerDivider分隔线分割线",url:"components/divider"},{title:"Watermark 水印",rule:"watermarkWatermark水印",url:"components/watermark"},{title:"Ripple 涟漪",rule:"rippleRipple涟漪",url:"components/ripple"},{title:"Calendar 日历",rule:"calendarCalendar日历",url:"components/calendar"},{title:"Select 选择器",rule:"selectSelect选择器",url:"components/select"},{title:"Tabs 标签页",rule:"tabsTabs标签页",url:"components/tabs"},{title:"Textarea 文本域",rule:"textareaTextarea文本域",url:"components/textarea"},{title:"Pagination 分页器",rule:"paginationPagination分页器",url:"components/pagination"},{title:"Time Picker 时间选择器",rule:"time-pickerTimePicker时间选择器",url:"components/time-picker"},{title:"Date Picker 日期选择器",rule:"date-pickerDatePicker日期选择器",url:"components/date-picker"},{title:"Input Number 数字输入框",rule:"input-numberInputNumber数字输入框",url:"components/input-number"},{title:"Trigger 触发器",rule:"triggerTrigger触发器",url:"components/trigger"},{title:"Menu 导航菜单",rule:"menuMenu导航菜单导航栏菜单栏",url:"components/menu"},{title:"CollapseAnimation 折叠动画",rule:"collapse-animationCollapseAnimation折叠动画",url:"components/collapse-animation"},{title:"Slider 滑动输入条",rule:"sliderSlider滑动输入条",url:"components/slider"},{title:"Fighting Global 全局配置",rule:"fighting-globalFightingGlobal全局配置",url:"components/fighting-global"},{title:"Interface 接口类型",rule:"interfaceInterface接口类型type",url:"components/interface"},{title:"Form 表单",rule:"formForm表单",url:"components/form"},{title:"Box 盒子",rule:"boxBox盒子div",url:"components/box"},{title:"Infinite Scrolling 无限滚动",rule:"infinite-scrollingInfiniteScrolling无限滚动",url:"components/infinite-scrolling"},{title:"Number Animate 数字动画",rule:"number-animateNumberAnimate数字动画",url:"components/number-animate"},{title:"Count Down 倒计时",rule:"count-downCountDown倒计时",url:"components/count-down"},{title:"Avatar Group 头像组",rule:"avatar-groupAvatarGroup头像组",url:"components/avatar-group"},{title:"Confirm Box 确认框",rule:"confirm-boxConfirmBox确认框",url:"components/confirm-box"}],af={class:"vp-search"},rf=["href"],cf=L({name:"VpSearch",__name:"vp-search",setup(t){const{isDark:e}=Ft(),n=B(""),r=B(!1),a=B(),f=()=>{n.value&&(a.value=lf.filter(c=>c.rule.includes(n.value)),a.value&&a.value.length&&(r.value=!0,setTimeout(()=>{const c=document.querySelectorAll(".vp-search__link");c.length===1&&c[0].click()},200)))},i=()=>{r.value=!1,n.value=""},l=()=>{setTimeout(()=>{r.value=!1},800)};return(c,s)=>{const d=wt("f-input");return u(),p("div",af,[V(d,{modelValue:n.value,"onUpdate:modelValue":s[0]||(s[0]=m=>n.value=m),type:"text",autocomplete:"off",placeholder:"搜索组件","on-enter":f,"on-blur":l,class:T({dark:o(e)})},null,8,["modelValue","class"]),r.value&&a.value&&a.value.length?(u(),p("div",{key:0,class:T(["vp-search__result",{dark:o(e)}]),onClick:de(i,["stop"])},[(u(!0),p(U,null,K(a.value,(m,y)=>(u(),p("a",{class:T(["vp-search__link",{dark:o(e)}]),key:y,href:`/${m.url}.html`},H(m.title),11,rf))),128))],2)):w("",!0)])}}});const uf=te(cf,[["__scopeId","data-v-6bdea009"]]),df={...bt,Layout(){return Me(bt.Layout,null,{"nav-bar-content-before":()=>Me(uf)})},enhanceApp({app:t}){t.use(sf),t.component("vp-demo",tn)}};function ln(t){if(t.extends){const e=ln(t.extends);return{...e,...t,async enhanceApp(n){e.enhanceApp&&await e.enhanceApp(n),t.enhanceApp&&await t.enhanceApp(n)}}}return t}const ze=ln(df),ff=L({name:"VitePressApp",setup(){const{site:t}=Ft();return ie(()=>{tt(()=>{document.documentElement.lang=t.value.lang,document.documentElement.dir=t.value.dir})}),Pn(),En(),Tn(),ze.setup&&ze.setup(),()=>Me(ze.Layout)}});async function pf(){const t=mf(),e=bf();e.provide(yn,t);const n=kn(t.route);return e.provide($n,n),e.component("Content",Cn),e.component("ClientOnly",wn),Object.defineProperties(e.config.globalProperties,{$frontmatter:{get(){return n.frontmatter.value}},$params:{get(){return n.page.value.params}}}),ze.enhanceApp&&await ze.enhanceApp({app:e,router:t,siteData:Sn}),{app:e,router:t,data:n}}function bf(){return Fn(ff)}function mf(){let t=Je,e;return zn(n=>{let r=Ln(n);return t&&(e=r),(t||e===r)&&(r=r.replace(/\.js$/,".lean.js")),Je&&(t=!1),In(()=>import(r),[])},ze.NotFound)}Je&&pf().then(({app:t,router:e,data:n})=>{e.go().then(()=>{gn(e.route,n.site),t.mount("#app")})});export{pf as createApp};
diff --git a/assets/chunks/theme.f83571e3.js b/assets/chunks/theme.0b48201a.js
similarity index 94%
rename from assets/chunks/theme.f83571e3.js
rename to assets/chunks/theme.0b48201a.js
index 6d087d240..472475c21 100644
--- a/assets/chunks/theme.f83571e3.js
+++ b/assets/chunks/theme.0b48201a.js
@@ -1,7 +1,7 @@
-import{d as g,o as a,c as l,r as u,n as B,a as N,t as V,_ as m,u as Ee,b as i,g as et,e as tt,f as L,h as b,w as W,i as J,j as O,k as nt,l as st,P as ot,m as pe,p as Y,q as te,s as he,v as d,F as C,x as y,y as v,z as f,T as fe,A as j,B as se,C as h,D as ze,E as U,G as De,H as Fe,I as at,J as A,K as E,L as z,M as rt,N as xe,O as Oe,Q as me,R as oe,S as it,U as Z,V as ge,W as lt,X as ct,Y as ut,Z as dt,$ as _t}from"./framework.f50263fa.js";const vt=g({__name:"VPBadge",props:{text:{},type:{}},setup(n){return(e,t)=>(a(),l("span",{class:B(["VPBadge",e.type??"tip"])},[u(e.$slots,"default",{},()=>[N(V(e.text),1)],!0)],2))}});const pt=m(vt,[["__scopeId","data-v-d8ebe787"]]),S=Ee;function Ge(n){return et()?(tt(n),!0):!1}function ye(n){return typeof n=="function"?n():i(n)}const ht=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ft=Object.prototype.toString,mt=n=>ft.call(n)==="[object Object]",gt=()=>{};function yt(n){var e;const t=ye(n);return(e=t==null?void 0:t.$el)!=null?e:t}const be=ht?window:void 0;function bt(...n){let e,t,o,s;if(typeof n[0]=="string"||Array.isArray(n[0])?([t,o,s]=n,e=be):[e,t,o,s]=n,!e)return gt;Array.isArray(t)||(t=[t]),Array.isArray(o)||(o=[o]);const r=[],c=()=>{r.forEach(M=>M()),r.length=0},p=(M,T,I,k)=>(M.addEventListener(T,I,k),()=>M.removeEventListener(T,I,k)),_=W(()=>[yt(e),ye(s)],([M,T])=>{if(c(),!M)return;const I=mt(T)?{...T}:T;r.push(...t.flatMap(k=>o.map(P=>p(M,k,P,I))))},{immediate:!0,flush:"post"}),$=()=>{_(),c()};return Ge($),$}function $t(){const n=L(!1),e=nt();return e&&O(()=>{n.value=!0},e),n}function kt(n){const e=$t();return b(()=>(e.value,!!n()))}function de(n,e={}){const{window:t=be}=e,o=kt(()=>t&&"matchMedia"in t&&typeof t.matchMedia=="function");let s;const r=L(!1),c=$=>{r.value=$.matches},p=()=>{s&&("removeEventListener"in s?s.removeEventListener("change",c):s.removeListener(c))},_=J(()=>{o.value&&(p(),s=t.matchMedia(ye(n)),"addEventListener"in s?s.addEventListener("change",c):s.addListener(c),r.value=s.matches)});return Ge(()=>{_(),p(),s=void 0}),r}function Re(n={}){const{window:e=be,behavior:t="auto"}=n;if(!e)return{x:L(0),y:L(0)};const o=L(e.scrollX),s=L(e.scrollY),r=b({get(){return o.value},set(p){scrollTo({left:p,behavior:t})}}),c=b({get(){return s.value},set(p){scrollTo({top:p,behavior:t})}});return bt(e,"scroll",()=>{o.value=e.scrollX,s.value=e.scrollY},{capture:!1,passive:!0}),{x:r,y:c}}function Pt(n,e){let t,o=!1;return()=>{t&&clearTimeout(t),o?t=setTimeout(n,e):(n(),o=!0,setTimeout(()=>{o=!1},e))}}function _e(n){return/^\//.test(n)?n:`/${n}`}function ee(n){if(st(n))return n.replace(ot,"");const{site:e}=S(),{pathname:t,search:o,hash:s}=new URL(n,"http://example.com"),r=t.endsWith("/")||t.endsWith(".html")?n:n.replace(/(?:(^\.+)\/)?.*$/,`$1${t.replace(/(\.md)?$/,e.value.cleanUrls?"":".html")}${o}${s}`);return pe(r)}function je(n,e){if(Array.isArray(n))return n;if(n==null)return[];e=_e(e);const t=Object.keys(n).sort((o,s)=>s.split("/").length-o.split("/").length).find(o=>e.startsWith(_e(o)));return t?n[t]:[]}function Vt(n){const e=[];let t=0;for(const o in n){const s=n[o];if(s.items){t=e.push(s);continue}e[t]||e.push({items:[]}),e[t].items.push(s)}return e}function wt(n){const e=[];function t(o){for(const s of o)s.text&&s.link&&e.push({text:s.text,link:s.link}),s.items&&t(s.items)}return t(n),e}function ve(n,e){return Array.isArray(e)?e.some(t=>ve(n,t)):Y(n,e.link)?!0:e.items?ve(n,e.items):!1}function D(){const n=te(),{theme:e,frontmatter:t}=S(),o=de("(min-width: 960px)"),s=L(!1),r=b(()=>{const P=e.value.sidebar,x=n.data.relativePath;return P?je(P,x):[]}),c=b(()=>t.value.sidebar!==!1&&r.value.length>0&&t.value.layout!=="home"),p=b(()=>_?t.value.aside==null?e.value.aside==="left":t.value.aside==="left":!1),_=b(()=>t.value.layout==="home"?!1:t.value.aside!=null?!!t.value.aside:e.value.aside!==!1),$=b(()=>c.value&&o.value),M=b(()=>c.value?Vt(r.value):[]);function T(){s.value=!0}function I(){s.value=!1}function k(){s.value?I():T()}return{isOpen:s,sidebar:r,sidebarGroups:M,hasSidebar:c,hasAside:_,leftAside:p,isSidebarEnabled:$,open:T,close:I,toggle:k}}function St(n,e){let t;J(()=>{t=n.value?document.activeElement:void 0}),O(()=>{window.addEventListener("keyup",o)}),he(()=>{window.removeEventListener("keyup",o)});function o(s){s.key==="Escape"&&n.value&&(e(),t==null||t.focus())}}function Lt(n){const{page:e}=S(),t=L(!1),o=b(()=>n.value.collapsed!=null),s=b(()=>!!n.value.link),r=b(()=>Y(e.value.relativePath,n.value.link)),c=b(()=>r.value?!0:n.value.items?ve(e.value.relativePath,n.value.items):!1),p=b(()=>!!(n.value.items&&n.value.items.length));J(()=>{t.value=!!(o.value&&n.value.collapsed)}),J(()=>{(r.value||c.value)&&(t.value=!1)});function _(){o.value&&(t.value=!t.value)}return{collapsed:t,collapsible:o,isLink:s,isActiveLink:r,hasActiveLink:c,hasChildren:p,toggle:_}}const Mt=g({__name:"VPSkipLink",setup(n){const e=te(),t=L();W(()=>e.path,()=>t.value.focus());function o({target:s}){const r=document.querySelector(decodeURIComponent(s.hash));if(r){const c=()=>{r.removeAttribute("tabindex"),r.removeEventListener("blur",c)};r.setAttribute("tabindex","-1"),r.addEventListener("blur",c),r.focus(),window.scrollTo(0,0)}}return(s,r)=>(a(),l(C,null,[d("span",{ref_key:"backToTop",ref:t,tabindex:"-1"},null,512),d("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:o}," Skip to content ")],64))}});const Ct=m(Mt,[["__scopeId","data-v-0c37ef85"]]),Bt={key:0,class:"VPBackdrop"},Tt=g({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(n){return(e,t)=>(a(),y(fe,{name:"fade"},{default:v(()=>[e.show?(a(),l("div",Bt)):f("",!0)]),_:1}))}});const It=m(Tt,[["__scopeId","data-v-18776a65"]]);function xt(){const n=L(!1);function e(){n.value=!0,window.addEventListener("resize",s)}function t(){n.value=!1,window.removeEventListener("resize",s)}function o(){n.value?t():e()}function s(){window.outerWidth>=768&&t()}const r=te();return W(()=>r.path,t),{isScreenOpen:n,openScreen:e,closeScreen:t,toggleScreen:o}}function ne({removeCurrent:n=!0,correspondingLink:e=!1}={}){const{site:t,localeIndex:o,page:s,theme:r}=S(),c=b(()=>{var _,$;return{label:(_=t.value.locales[o.value])==null?void 0:_.label,link:(($=t.value.locales[o.value])==null?void 0:$.link)||(o.value==="root"?"/":`/${o.value}/`)}});return{localeLinks:b(()=>Object.entries(t.value.locales).flatMap(([_,$])=>n&&c.value.label===$.label?[]:{text:$.label,link:Nt($.link||(_==="root"?"/":`/${_}/`),r.value.i18nRouting!==!1&&e,s.value.relativePath.slice(c.value.link.length-1),!t.value.cleanUrls)})),currentLang:c}}function Nt(n,e,t,o){return e?n.replace(/\/$/,"")+_e(t.replace(/(^|\/)?index.md$/,"$1").replace(/\.md$/,o?".html":"")):n}const At=["src","alt"],Ht={inheritAttrs:!1},Et=g({...Ht,__name:"VPImage",props:{image:{},alt:{}},setup(n){return(e,t)=>{const o=j("VPImage",!0);return e.image?(a(),l(C,{key:0},[typeof e.image=="string"||"src"in e.image?(a(),l("img",se({key:0,class:"VPImage"},typeof e.image=="string"?e.$attrs:{...e.image,...e.$attrs},{src:i(pe)(typeof e.image=="string"?e.image:e.image.src),alt:e.alt??(typeof e.image=="string"?"":e.image.alt||"")}),null,16,At)):(a(),l(C,{key:1},[h(o,se({class:"dark",image:e.image.dark,alt:e.image.alt},e.$attrs),null,16,["image","alt"]),h(o,se({class:"light",image:e.image.light,alt:e.image.alt},e.$attrs),null,16,["image","alt"])],64))],64)):f("",!0)}}});const $e=m(Et,[["__scopeId","data-v-8cde58b2"]]),zt=["href"],Dt=g({__name:"VPNavBarTitle",setup(n){const{site:e,theme:t}=S(),{hasSidebar:o}=D(),{currentLang:s}=ne();return(r,c)=>(a(),l("div",{class:B(["VPNavBarTitle",{"has-sidebar":i(o)}])},[d("a",{class:"title",href:i(ee)(i(s).link)},[u(r.$slots,"nav-bar-title-before",{},void 0,!0),i(t).logo?(a(),y($e,{key:0,class:"logo",image:i(t).logo},null,8,["image"])):f("",!0),i(t).siteTitle?(a(),l(C,{key:1},[N(V(i(t).siteTitle),1)],64)):i(t).siteTitle===void 0?(a(),l(C,{key:2},[N(V(i(e).title),1)],64)):f("",!0),u(r.$slots,"nav-bar-title-after",{},void 0,!0)],8,zt)],2))}});const Ft=m(Dt,[["__scopeId","data-v-2f66d40e"]]);const Ot={type:"button",class:"DocSearch DocSearch-Button","aria-label":"Search"},Gt={class:"DocSearch-Button-Container"},Rt=d("svg",{class:"DocSearch-Search-Icon",width:"20",height:"20",viewBox:"0 0 20 20","aria-label":"search icon"},[d("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none","fill-rule":"evenodd","stroke-linecap":"round","stroke-linejoin":"round"})],-1),jt={class:"DocSearch-Button-Placeholder"},Ut=d("span",{class:"DocSearch-Button-Keys"},[d("kbd",{class:"DocSearch-Button-Key"}),d("kbd",{class:"DocSearch-Button-Key"},"K")],-1),Ne=g({__name:"VPNavBarSearchButton",props:{placeholder:{}},setup(n){return(e,t)=>(a(),l("button",Ot,[d("span",Gt,[Rt,d("span",jt,V(e.placeholder),1)]),Ut]))}});const qt={id:"local-search"},Wt={key:1,id:"docsearch"},Yt=g({__name:"VPNavBarSearch",setup(n){const e=()=>null,t=()=>null,{theme:o,localeIndex:s}=S(),r=L(!1),c=L(!1),p=b(()=>{var P,x,w,H,K,F,Ie;const k=((P=o.value.search)==null?void 0:P.options)??o.value.algolia;return((K=(H=(w=(x=k==null?void 0:k.locales)==null?void 0:x[s.value])==null?void 0:w.translations)==null?void 0:H.button)==null?void 0:K.buttonText)||((Ie=(F=k==null?void 0:k.translations)==null?void 0:F.button)==null?void 0:Ie.buttonText)||"Search"});O(()=>{});function _(){r.value||(r.value=!0,setTimeout($,16))}function $(){const k=new Event("keydown");k.key="k",k.metaKey=!0,window.dispatchEvent(k),setTimeout(()=>{document.querySelector(".DocSearch-Modal")||$()},16)}const M=L(!1),T=L("'Meta'");O(()=>{T.value=/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?"'⌘'":"'Ctrl'"});const I="";return(k,P)=>{var x;return a(),l("div",{class:"VPNavBarSearch",style:ze({"--vp-meta-key":T.value})},[i(I)==="local"?(a(),l(C,{key:0},[M.value?(a(),y(i(e),{key:0,placeholder:p.value,onClose:P[0]||(P[0]=w=>M.value=!1)},null,8,["placeholder"])):f("",!0),d("div",qt,[h(Ne,{placeholder:p.value,onClick:P[1]||(P[1]=w=>M.value=!0)},null,8,["placeholder"])])],64)):i(I)==="algolia"?(a(),l(C,{key:1},[r.value?(a(),y(i(t),{key:0,algolia:((x=i(o).search)==null?void 0:x.options)??i(o).algolia,onVnodeBeforeMount:P[2]||(P[2]=w=>c.value=!0)},null,8,["algolia"])):f("",!0),c.value?f("",!0):(a(),l("div",Wt,[h(Ne,{placeholder:p.value,onClick:_},null,8,["placeholder"])]))],64)):f("",!0)],4)}}});const Kt={},Xt={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",height:"24px",viewBox:"0 0 24 24",width:"24px"},Qt=d("path",{d:"M0 0h24v24H0V0z",fill:"none"},null,-1),Jt=d("path",{d:"M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"},null,-1),Zt=[Qt,Jt];function en(n,e){return a(),l("svg",Xt,Zt)}const tn=m(Kt,[["render",en]]),nn=g({__name:"VPLink",props:{tag:{},href:{},noIcon:{type:Boolean},target:{},rel:{}},setup(n){const e=n,t=b(()=>e.tag??e.href?"a":"span"),o=b(()=>e.href&&De.test(e.href));return(s,r)=>(a(),y(U(t.value),{class:B(["VPLink",{link:s.href}]),href:s.href?i(ee)(s.href):void 0,target:s.target||(o.value?"_blank":void 0),rel:s.rel||(o.value?"noreferrer":void 0)},{default:v(()=>[u(s.$slots,"default",{},void 0,!0),o.value&&!s.noIcon?(a(),y(tn,{key:0,class:"icon"})):f("",!0)]),_:3},8,["class","href","target","rel"]))}});const G=m(nn,[["__scopeId","data-v-a4df5646"]]),sn=g({__name:"VPNavBarMenuLink",props:{item:{}},setup(n){const{page:e}=S();return(t,o)=>(a(),y(G,{class:B({VPNavBarMenuLink:!0,active:i(Y)(i(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel,tabindex:"0"},{default:v(()=>[N(V(t.item.text),1)]),_:1},8,["class","href","target","rel"]))}});const on=m(sn,[["__scopeId","data-v-acb29869"]]),ke=L();let Ue=!1,ue=0;function an(n){const e=L(!1);if(Fe){!Ue&&rn(),ue++;const t=W(ke,o=>{var s,r,c;o===n.el.value||(s=n.el.value)!=null&&s.contains(o)?(e.value=!0,(r=n.onFocus)==null||r.call(n)):(e.value=!1,(c=n.onBlur)==null||c.call(n))});he(()=>{t(),ue--,ue||ln()})}return at(e)}function rn(){document.addEventListener("focusin",qe),Ue=!0,ke.value=document.activeElement}function ln(){document.removeEventListener("focusin",qe)}function qe(){ke.value=document.activeElement}const cn={},un={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},dn=d("path",{d:"M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"},null,-1),_n=[dn];function vn(n,e){return a(),l("svg",un,_n)}const We=m(cn,[["render",vn]]),pn={},hn={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},fn=d("circle",{cx:"12",cy:"12",r:"2"},null,-1),mn=d("circle",{cx:"19",cy:"12",r:"2"},null,-1),gn=d("circle",{cx:"5",cy:"12",r:"2"},null,-1),yn=[fn,mn,gn];function bn(n,e){return a(),l("svg",hn,yn)}const $n=m(pn,[["render",bn]]),kn={class:"VPMenuLink"},Pn=g({__name:"VPMenuLink",props:{item:{}},setup(n){const{page:e}=S();return(t,o)=>(a(),l("div",kn,[h(G,{class:B({active:i(Y)(i(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel},{default:v(()=>[N(V(t.item.text),1)]),_:1},8,["class","href","target","rel"])]))}});const le=m(Pn,[["__scopeId","data-v-93f4e6b8"]]),Vn={class:"VPMenuGroup"},wn={key:0,class:"title"},Sn=g({__name:"VPMenuGroup",props:{text:{},items:{}},setup(n){return(e,t)=>(a(),l("div",Vn,[e.text?(a(),l("p",wn,V(e.text),1)):f("",!0),(a(!0),l(C,null,A(e.items,o=>(a(),l(C,null,["link"in o?(a(),y(le,{key:0,item:o},null,8,["item"])):f("",!0)],64))),256))]))}});const Ln=m(Sn,[["__scopeId","data-v-a80d3f49"]]),Mn={class:"VPMenu"},Cn={key:0,class:"items"},Bn=g({__name:"VPMenu",props:{items:{}},setup(n){return(e,t)=>(a(),l("div",Mn,[e.items?(a(),l("div",Cn,[(a(!0),l(C,null,A(e.items,o=>(a(),l(C,{key:o.text},["link"in o?(a(),y(le,{key:0,item:o},null,8,["item"])):(a(),y(Ln,{key:1,text:o.text,items:o.items},null,8,["text","items"]))],64))),128))])):f("",!0),u(e.$slots,"default",{},void 0,!0)]))}});const Tn=m(Bn,[["__scopeId","data-v-2d44538a"]]),In=["aria-expanded","aria-label"],xn={key:0,class:"text"},Nn={class:"menu"},An=g({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(n){const e=L(!1),t=L();an({el:t,onBlur:o});function o(){e.value=!1}return(s,r)=>(a(),l("div",{class:"VPFlyout",ref_key:"el",ref:t,onMouseenter:r[1]||(r[1]=c=>e.value=!0),onMouseleave:r[2]||(r[2]=c=>e.value=!1)},[d("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":e.value,"aria-label":s.label,onClick:r[0]||(r[0]=c=>e.value=!e.value)},[s.button||s.icon?(a(),l("span",xn,[s.icon?(a(),y(U(s.icon),{key:0,class:"option-icon"})):f("",!0),N(" "+V(s.button)+" ",1),h(We,{class:"text-icon"})])):(a(),y($n,{key:1,class:"icon"}))],8,In),d("div",Nn,[h(Tn,{items:s.items},{default:v(()=>[u(s.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}});const Pe=m(An,[["__scopeId","data-v-c27a0dcb"]]),Hn=g({__name:"VPNavBarMenuGroup",props:{item:{}},setup(n){const{page:e}=S();return(t,o)=>(a(),y(Pe,{class:B({VPNavBarMenuGroup:!0,active:i(Y)(i(e).relativePath,t.item.activeMatch,!!t.item.activeMatch)}),button:t.item.text,items:t.item.items},null,8,["class","button","items"]))}}),En=n=>(E("data-v-0ea668b6"),n=n(),z(),n),zn={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},Dn=En(()=>d("span",{id:"main-nav-aria-label",class:"visually-hidden"},"Main Navigation",-1)),Fn=g({__name:"VPNavBarMenu",setup(n){const{theme:e}=S();return(t,o)=>i(e).nav?(a(),l("nav",zn,[Dn,(a(!0),l(C,null,A(i(e).nav,s=>(a(),l(C,{key:s.text},["link"in s?(a(),y(on,{key:0,item:s},null,8,["item"])):(a(),y(Hn,{key:1,item:s},null,8,["item"]))],64))),128))])):f("",!0)}});const On=m(Fn,[["__scopeId","data-v-0ea668b6"]]),Gn={},Rn={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},jn=d("path",{d:"M0 0h24v24H0z",fill:"none"},null,-1),Un=d("path",{d:" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z ",class:"css-c4d79v"},null,-1),qn=[jn,Un];function Wn(n,e){return a(),l("svg",Rn,qn)}const Ye=m(Gn,[["render",Wn]]),Yn={class:"items"},Kn={class:"title"},Xn=g({__name:"VPNavBarTranslations",setup(n){const{theme:e}=S(),{localeLinks:t,currentLang:o}=ne({correspondingLink:!0});return(s,r)=>i(t).length&&i(o).label?(a(),y(Pe,{key:0,class:"VPNavBarTranslations",icon:Ye,label:i(e).langMenuLabel||"Change language"},{default:v(()=>[d("div",Yn,[d("p",Kn,V(i(o).label),1),(a(!0),l(C,null,A(i(t),c=>(a(),y(le,{key:c.link,item:c},null,8,["item"]))),128))])]),_:1},8,["label"])):f("",!0)}});const Qn=m(Xn,[["__scopeId","data-v-8522b2e4"]]);const Jn={},Zn={class:"VPSwitch",type:"button",role:"switch"},es={class:"check"},ts={key:0,class:"icon"};function ns(n,e){return a(),l("button",Zn,[d("span",es,[n.$slots.default?(a(),l("span",ts,[u(n.$slots,"default",{},void 0,!0)])):f("",!0)])])}const ss=m(Jn,[["render",ns],["__scopeId","data-v-c7f120e0"]]),os={},as={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},rs=rt('',9),is=[rs];function ls(n,e){return a(),l("svg",as,is)}const cs=m(os,[["render",ls]]),us={},ds={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},_s=d("path",{d:"M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"},null,-1),vs=[_s];function ps(n,e){return a(),l("svg",ds,vs)}const hs=m(us,[["render",ps]]),fs=g({__name:"vp-theme-apperence",setup(n){const{site:e,isDark:t}=Ee(),o=L(!1),s=Fe?r():()=>{};O(()=>{o.value=document.documentElement.classList.contains("dark")});function r(){const c=window.matchMedia("(prefers-color-scheme: dark)"),p=document.documentElement.classList;let _=localStorage.getItem(xe),$=e.value.appearance==="dark"&&_==null||(_==="auto"||_==null?c.matches:_==="dark");c.onchange=k=>{_==="auto"&&I($=k.matches)};function M(){I($=!$),_=$?c.matches?"auto":"dark":c.matches?"light":"auto",localStorage.setItem(xe,_)}function T(k){if(!(document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches)||!k){M();return}const x=k.clientX,w=k.clientY,H=Math.hypot(Math.max(x,innerWidth-x),Math.max(w,innerHeight-w));document.startViewTransition(async()=>{M(),await Oe()}).ready.then(()=>{const F=[`circle(0px at ${x}px ${w}px)`,`circle(${H}px at ${x}px ${w}px)`];document.documentElement.animate({clipPath:$?[...F].reverse():F},{duration:400,easing:"ease-out",pseudoElement:$?"::view-transition-old(root)":"::view-transition-new(root)"})})}function I(k){const P=document.createElement("style");P.type="text/css",P.appendChild(document.createTextNode(`:not(.VPSwitchAppearance):not(.VPSwitchAppearance *) {
+import{d as g,o as a,c as l,r as u,n as B,a as N,t as V,_ as m,u as Ee,b as i,g as et,e as tt,f as L,h as b,w as W,i as J,j as O,k as nt,l as st,P as ot,m as pe,p as Y,q as te,s as he,v as d,F as C,x as y,y as v,z as f,T as fe,A as j,B as se,C as h,D as ze,E as U,G as De,H as Fe,I as at,J as A,K as E,L as z,M as rt,N as xe,O as Oe,Q as me,R as oe,S as it,U as Z,V as ge,W as lt,X as ct,Y as ut,Z as dt,$ as _t}from"./framework.f50263fa.js";const vt=g({__name:"VPBadge",props:{text:{},type:{}},setup(n){return(e,t)=>(a(),l("span",{class:B(["VPBadge",e.type??"tip"])},[u(e.$slots,"default",{},()=>[N(V(e.text),1)],!0)],2))}});const pt=m(vt,[["__scopeId","data-v-47fd44ad"]]),S=Ee;function Ge(n){return et()?(tt(n),!0):!1}function ye(n){return typeof n=="function"?n():i(n)}const ht=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const ft=Object.prototype.toString,mt=n=>ft.call(n)==="[object Object]",gt=()=>{};function yt(n){var e;const t=ye(n);return(e=t==null?void 0:t.$el)!=null?e:t}const be=ht?window:void 0;function bt(...n){let e,t,o,s;if(typeof n[0]=="string"||Array.isArray(n[0])?([t,o,s]=n,e=be):[e,t,o,s]=n,!e)return gt;Array.isArray(t)||(t=[t]),Array.isArray(o)||(o=[o]);const r=[],c=()=>{r.forEach(M=>M()),r.length=0},p=(M,T,I,k)=>(M.addEventListener(T,I,k),()=>M.removeEventListener(T,I,k)),_=W(()=>[yt(e),ye(s)],([M,T])=>{if(c(),!M)return;const I=mt(T)?{...T}:T;r.push(...t.flatMap(k=>o.map(P=>p(M,k,P,I))))},{immediate:!0,flush:"post"}),$=()=>{_(),c()};return Ge($),$}function $t(){const n=L(!1),e=nt();return e&&O(()=>{n.value=!0},e),n}function kt(n){const e=$t();return b(()=>(e.value,!!n()))}function de(n,e={}){const{window:t=be}=e,o=kt(()=>t&&"matchMedia"in t&&typeof t.matchMedia=="function");let s;const r=L(!1),c=$=>{r.value=$.matches},p=()=>{s&&("removeEventListener"in s?s.removeEventListener("change",c):s.removeListener(c))},_=J(()=>{o.value&&(p(),s=t.matchMedia(ye(n)),"addEventListener"in s?s.addEventListener("change",c):s.addListener(c),r.value=s.matches)});return Ge(()=>{_(),p(),s=void 0}),r}function Re(n={}){const{window:e=be,behavior:t="auto"}=n;if(!e)return{x:L(0),y:L(0)};const o=L(e.scrollX),s=L(e.scrollY),r=b({get(){return o.value},set(p){scrollTo({left:p,behavior:t})}}),c=b({get(){return s.value},set(p){scrollTo({top:p,behavior:t})}});return bt(e,"scroll",()=>{o.value=e.scrollX,s.value=e.scrollY},{capture:!1,passive:!0}),{x:r,y:c}}function Pt(n,e){let t,o=!1;return()=>{t&&clearTimeout(t),o?t=setTimeout(n,e):(n(),o=!0,setTimeout(()=>{o=!1},e))}}function _e(n){return/^\//.test(n)?n:`/${n}`}function ee(n){if(st(n))return n.replace(ot,"");const{site:e}=S(),{pathname:t,search:o,hash:s}=new URL(n,"http://example.com"),r=t.endsWith("/")||t.endsWith(".html")?n:n.replace(/(?:(^\.+)\/)?.*$/,`$1${t.replace(/(\.md)?$/,e.value.cleanUrls?"":".html")}${o}${s}`);return pe(r)}function je(n,e){if(Array.isArray(n))return n;if(n==null)return[];e=_e(e);const t=Object.keys(n).sort((o,s)=>s.split("/").length-o.split("/").length).find(o=>e.startsWith(_e(o)));return t?n[t]:[]}function Vt(n){const e=[];let t=0;for(const o in n){const s=n[o];if(s.items){t=e.push(s);continue}e[t]||e.push({items:[]}),e[t].items.push(s)}return e}function wt(n){const e=[];function t(o){for(const s of o)s.text&&s.link&&e.push({text:s.text,link:s.link}),s.items&&t(s.items)}return t(n),e}function ve(n,e){return Array.isArray(e)?e.some(t=>ve(n,t)):Y(n,e.link)?!0:e.items?ve(n,e.items):!1}function D(){const n=te(),{theme:e,frontmatter:t}=S(),o=de("(min-width: 960px)"),s=L(!1),r=b(()=>{const P=e.value.sidebar,x=n.data.relativePath;return P?je(P,x):[]}),c=b(()=>t.value.sidebar!==!1&&r.value.length>0&&t.value.layout!=="home"),p=b(()=>_?t.value.aside==null?e.value.aside==="left":t.value.aside==="left":!1),_=b(()=>t.value.layout==="home"?!1:t.value.aside!=null?!!t.value.aside:e.value.aside!==!1),$=b(()=>c.value&&o.value),M=b(()=>c.value?Vt(r.value):[]);function T(){s.value=!0}function I(){s.value=!1}function k(){s.value?I():T()}return{isOpen:s,sidebar:r,sidebarGroups:M,hasSidebar:c,hasAside:_,leftAside:p,isSidebarEnabled:$,open:T,close:I,toggle:k}}function St(n,e){let t;J(()=>{t=n.value?document.activeElement:void 0}),O(()=>{window.addEventListener("keyup",o)}),he(()=>{window.removeEventListener("keyup",o)});function o(s){s.key==="Escape"&&n.value&&(e(),t==null||t.focus())}}function Lt(n){const{page:e}=S(),t=L(!1),o=b(()=>n.value.collapsed!=null),s=b(()=>!!n.value.link),r=b(()=>Y(e.value.relativePath,n.value.link)),c=b(()=>r.value?!0:n.value.items?ve(e.value.relativePath,n.value.items):!1),p=b(()=>!!(n.value.items&&n.value.items.length));J(()=>{t.value=!!(o.value&&n.value.collapsed)}),J(()=>{(r.value||c.value)&&(t.value=!1)});function _(){o.value&&(t.value=!t.value)}return{collapsed:t,collapsible:o,isLink:s,isActiveLink:r,hasActiveLink:c,hasChildren:p,toggle:_}}const Mt=g({__name:"VPSkipLink",setup(n){const e=te(),t=L();W(()=>e.path,()=>t.value.focus());function o({target:s}){const r=document.querySelector(decodeURIComponent(s.hash));if(r){const c=()=>{r.removeAttribute("tabindex"),r.removeEventListener("blur",c)};r.setAttribute("tabindex","-1"),r.addEventListener("blur",c),r.focus(),window.scrollTo(0,0)}}return(s,r)=>(a(),l(C,null,[d("span",{ref_key:"backToTop",ref:t,tabindex:"-1"},null,512),d("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:o}," Skip to content ")],64))}});const Ct=m(Mt,[["__scopeId","data-v-82ac2c30"]]),Bt={key:0,class:"VPBackdrop"},Tt=g({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(n){return(e,t)=>(a(),y(fe,{name:"fade"},{default:v(()=>[e.show?(a(),l("div",Bt)):f("",!0)]),_:1}))}});const It=m(Tt,[["__scopeId","data-v-7648e6e5"]]);function xt(){const n=L(!1);function e(){n.value=!0,window.addEventListener("resize",s)}function t(){n.value=!1,window.removeEventListener("resize",s)}function o(){n.value?t():e()}function s(){window.outerWidth>=768&&t()}const r=te();return W(()=>r.path,t),{isScreenOpen:n,openScreen:e,closeScreen:t,toggleScreen:o}}function ne({removeCurrent:n=!0,correspondingLink:e=!1}={}){const{site:t,localeIndex:o,page:s,theme:r}=S(),c=b(()=>{var _,$;return{label:(_=t.value.locales[o.value])==null?void 0:_.label,link:(($=t.value.locales[o.value])==null?void 0:$.link)||(o.value==="root"?"/":`/${o.value}/`)}});return{localeLinks:b(()=>Object.entries(t.value.locales).flatMap(([_,$])=>n&&c.value.label===$.label?[]:{text:$.label,link:Nt($.link||(_==="root"?"/":`/${_}/`),r.value.i18nRouting!==!1&&e,s.value.relativePath.slice(c.value.link.length-1),!t.value.cleanUrls)})),currentLang:c}}function Nt(n,e,t,o){return e?n.replace(/\/$/,"")+_e(t.replace(/(^|\/)?index.md$/,"$1").replace(/\.md$/,o?".html":"")):n}const At=["src","alt"],Ht={inheritAttrs:!1},Et=g({...Ht,__name:"VPImage",props:{image:{},alt:{}},setup(n){return(e,t)=>{const o=j("VPImage",!0);return e.image?(a(),l(C,{key:0},[typeof e.image=="string"||"src"in e.image?(a(),l("img",se({key:0,class:"VPImage"},typeof e.image=="string"?e.$attrs:{...e.image,...e.$attrs},{src:i(pe)(typeof e.image=="string"?e.image:e.image.src),alt:e.alt??(typeof e.image=="string"?"":e.image.alt||"")}),null,16,At)):(a(),l(C,{key:1},[h(o,se({class:"dark",image:e.image.dark,alt:e.image.alt},e.$attrs),null,16,["image","alt"]),h(o,se({class:"light",image:e.image.light,alt:e.image.alt},e.$attrs),null,16,["image","alt"])],64))],64)):f("",!0)}}});const $e=m(Et,[["__scopeId","data-v-aa1b8161"]]),zt=["href"],Dt=g({__name:"VPNavBarTitle",setup(n){const{site:e,theme:t}=S(),{hasSidebar:o}=D(),{currentLang:s}=ne();return(r,c)=>(a(),l("div",{class:B(["VPNavBarTitle",{"has-sidebar":i(o)}])},[d("a",{class:"title",href:i(ee)(i(s).link)},[u(r.$slots,"nav-bar-title-before",{},void 0,!0),i(t).logo?(a(),y($e,{key:0,class:"logo",image:i(t).logo},null,8,["image"])):f("",!0),i(t).siteTitle?(a(),l(C,{key:1},[N(V(i(t).siteTitle),1)],64)):i(t).siteTitle===void 0?(a(),l(C,{key:2},[N(V(i(e).title),1)],64)):f("",!0),u(r.$slots,"nav-bar-title-after",{},void 0,!0)],8,zt)],2))}});const Ft=m(Dt,[["__scopeId","data-v-ecce733b"]]);const Ot={type:"button",class:"DocSearch DocSearch-Button","aria-label":"Search"},Gt={class:"DocSearch-Button-Container"},Rt=d("svg",{class:"DocSearch-Search-Icon",width:"20",height:"20",viewBox:"0 0 20 20","aria-label":"search icon"},[d("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none","fill-rule":"evenodd","stroke-linecap":"round","stroke-linejoin":"round"})],-1),jt={class:"DocSearch-Button-Placeholder"},Ut=d("span",{class:"DocSearch-Button-Keys"},[d("kbd",{class:"DocSearch-Button-Key"}),d("kbd",{class:"DocSearch-Button-Key"},"K")],-1),Ne=g({__name:"VPNavBarSearchButton",props:{placeholder:{}},setup(n){return(e,t)=>(a(),l("button",Ot,[d("span",Gt,[Rt,d("span",jt,V(e.placeholder),1)]),Ut]))}});const qt={id:"local-search"},Wt={key:1,id:"docsearch"},Yt=g({__name:"VPNavBarSearch",setup(n){const e=()=>null,t=()=>null,{theme:o,localeIndex:s}=S(),r=L(!1),c=L(!1),p=b(()=>{var P,x,w,H,K,F,Ie;const k=((P=o.value.search)==null?void 0:P.options)??o.value.algolia;return((K=(H=(w=(x=k==null?void 0:k.locales)==null?void 0:x[s.value])==null?void 0:w.translations)==null?void 0:H.button)==null?void 0:K.buttonText)||((Ie=(F=k==null?void 0:k.translations)==null?void 0:F.button)==null?void 0:Ie.buttonText)||"Search"});O(()=>{});function _(){r.value||(r.value=!0,setTimeout($,16))}function $(){const k=new Event("keydown");k.key="k",k.metaKey=!0,window.dispatchEvent(k),setTimeout(()=>{document.querySelector(".DocSearch-Modal")||$()},16)}const M=L(!1),T=L("'Meta'");O(()=>{T.value=/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?"'⌘'":"'Ctrl'"});const I="";return(k,P)=>{var x;return a(),l("div",{class:"VPNavBarSearch",style:ze({"--vp-meta-key":T.value})},[i(I)==="local"?(a(),l(C,{key:0},[M.value?(a(),y(i(e),{key:0,placeholder:p.value,onClose:P[0]||(P[0]=w=>M.value=!1)},null,8,["placeholder"])):f("",!0),d("div",qt,[h(Ne,{placeholder:p.value,onClick:P[1]||(P[1]=w=>M.value=!0)},null,8,["placeholder"])])],64)):i(I)==="algolia"?(a(),l(C,{key:1},[r.value?(a(),y(i(t),{key:0,algolia:((x=i(o).search)==null?void 0:x.options)??i(o).algolia,onVnodeBeforeMount:P[2]||(P[2]=w=>c.value=!0)},null,8,["algolia"])):f("",!0),c.value?f("",!0):(a(),l("div",Wt,[h(Ne,{placeholder:p.value,onClick:_},null,8,["placeholder"])]))],64)):f("",!0)],4)}}});const Kt={},Xt={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",height:"24px",viewBox:"0 0 24 24",width:"24px"},Qt=d("path",{d:"M0 0h24v24H0V0z",fill:"none"},null,-1),Jt=d("path",{d:"M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"},null,-1),Zt=[Qt,Jt];function en(n,e){return a(),l("svg",Xt,Zt)}const tn=m(Kt,[["render",en]]),nn=g({__name:"VPLink",props:{tag:{},href:{},noIcon:{type:Boolean},target:{},rel:{}},setup(n){const e=n,t=b(()=>e.tag??e.href?"a":"span"),o=b(()=>e.href&&De.test(e.href));return(s,r)=>(a(),y(U(t.value),{class:B(["VPLink",{link:s.href}]),href:s.href?i(ee)(s.href):void 0,target:s.target||(o.value?"_blank":void 0),rel:s.rel||(o.value?"noreferrer":void 0)},{default:v(()=>[u(s.$slots,"default",{},void 0,!0),o.value&&!s.noIcon?(a(),y(tn,{key:0,class:"icon"})):f("",!0)]),_:3},8,["class","href","target","rel"]))}});const G=m(nn,[["__scopeId","data-v-6faf5c46"]]),sn=g({__name:"VPNavBarMenuLink",props:{item:{}},setup(n){const{page:e}=S();return(t,o)=>(a(),y(G,{class:B({VPNavBarMenuLink:!0,active:i(Y)(i(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel,tabindex:"0"},{default:v(()=>[N(V(t.item.text),1)]),_:1},8,["class","href","target","rel"]))}});const on=m(sn,[["__scopeId","data-v-5567084a"]]),ke=L();let Ue=!1,ue=0;function an(n){const e=L(!1);if(Fe){!Ue&&rn(),ue++;const t=W(ke,o=>{var s,r,c;o===n.el.value||(s=n.el.value)!=null&&s.contains(o)?(e.value=!0,(r=n.onFocus)==null||r.call(n)):(e.value=!1,(c=n.onBlur)==null||c.call(n))});he(()=>{t(),ue--,ue||ln()})}return at(e)}function rn(){document.addEventListener("focusin",qe),Ue=!0,ke.value=document.activeElement}function ln(){document.removeEventListener("focusin",qe)}function qe(){ke.value=document.activeElement}const cn={},un={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},dn=d("path",{d:"M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"},null,-1),_n=[dn];function vn(n,e){return a(),l("svg",un,_n)}const We=m(cn,[["render",vn]]),pn={},hn={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},fn=d("circle",{cx:"12",cy:"12",r:"2"},null,-1),mn=d("circle",{cx:"19",cy:"12",r:"2"},null,-1),gn=d("circle",{cx:"5",cy:"12",r:"2"},null,-1),yn=[fn,mn,gn];function bn(n,e){return a(),l("svg",hn,yn)}const $n=m(pn,[["render",bn]]),kn={class:"VPMenuLink"},Pn=g({__name:"VPMenuLink",props:{item:{}},setup(n){const{page:e}=S();return(t,o)=>(a(),l("div",kn,[h(G,{class:B({active:i(Y)(i(e).relativePath,t.item.activeMatch||t.item.link,!!t.item.activeMatch)}),href:t.item.link,target:t.item.target,rel:t.item.rel},{default:v(()=>[N(V(t.item.text),1)]),_:1},8,["class","href","target","rel"])]))}});const le=m(Pn,[["__scopeId","data-v-24fb3190"]]),Vn={class:"VPMenuGroup"},wn={key:0,class:"title"},Sn=g({__name:"VPMenuGroup",props:{text:{},items:{}},setup(n){return(e,t)=>(a(),l("div",Vn,[e.text?(a(),l("p",wn,V(e.text),1)):f("",!0),(a(!0),l(C,null,A(e.items,o=>(a(),l(C,null,["link"in o?(a(),y(le,{key:0,item:o},null,8,["item"])):f("",!0)],64))),256))]))}});const Ln=m(Sn,[["__scopeId","data-v-65067312"]]),Mn={class:"VPMenu"},Cn={key:0,class:"items"},Bn=g({__name:"VPMenu",props:{items:{}},setup(n){return(e,t)=>(a(),l("div",Mn,[e.items?(a(),l("div",Cn,[(a(!0),l(C,null,A(e.items,o=>(a(),l(C,{key:o.text},["link"in o?(a(),y(le,{key:0,item:o},null,8,["item"])):(a(),y(Ln,{key:1,text:o.text,items:o.items},null,8,["text","items"]))],64))),128))])):f("",!0),u(e.$slots,"default",{},void 0,!0)]))}});const Tn=m(Bn,[["__scopeId","data-v-2e21d31b"]]),In=["aria-expanded","aria-label"],xn={key:0,class:"text"},Nn={class:"menu"},An=g({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(n){const e=L(!1),t=L();an({el:t,onBlur:o});function o(){e.value=!1}return(s,r)=>(a(),l("div",{class:"VPFlyout",ref_key:"el",ref:t,onMouseenter:r[1]||(r[1]=c=>e.value=!0),onMouseleave:r[2]||(r[2]=c=>e.value=!1)},[d("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":e.value,"aria-label":s.label,onClick:r[0]||(r[0]=c=>e.value=!e.value)},[s.button||s.icon?(a(),l("span",xn,[s.icon?(a(),y(U(s.icon),{key:0,class:"option-icon"})):f("",!0),N(" "+V(s.button)+" ",1),h(We,{class:"text-icon"})])):(a(),y($n,{key:1,class:"icon"}))],8,In),d("div",Nn,[h(Tn,{items:s.items},{default:v(()=>[u(s.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}});const Pe=m(An,[["__scopeId","data-v-ee436a6b"]]),Hn=g({__name:"VPNavBarMenuGroup",props:{item:{}},setup(n){const{page:e}=S();return(t,o)=>(a(),y(Pe,{class:B({VPNavBarMenuGroup:!0,active:i(Y)(i(e).relativePath,t.item.activeMatch,!!t.item.activeMatch)}),button:t.item.text,items:t.item.items},null,8,["class","button","items"]))}}),En=n=>(E("data-v-b1875162"),n=n(),z(),n),zn={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},Dn=En(()=>d("span",{id:"main-nav-aria-label",class:"visually-hidden"},"Main Navigation",-1)),Fn=g({__name:"VPNavBarMenu",setup(n){const{theme:e}=S();return(t,o)=>i(e).nav?(a(),l("nav",zn,[Dn,(a(!0),l(C,null,A(i(e).nav,s=>(a(),l(C,{key:s.text},["link"in s?(a(),y(on,{key:0,item:s},null,8,["item"])):(a(),y(Hn,{key:1,item:s},null,8,["item"]))],64))),128))])):f("",!0)}});const On=m(Fn,[["__scopeId","data-v-b1875162"]]),Gn={},Rn={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},jn=d("path",{d:"M0 0h24v24H0z",fill:"none"},null,-1),Un=d("path",{d:" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z ",class:"css-c4d79v"},null,-1),qn=[jn,Un];function Wn(n,e){return a(),l("svg",Rn,qn)}const Ye=m(Gn,[["render",Wn]]),Yn={class:"items"},Kn={class:"title"},Xn=g({__name:"VPNavBarTranslations",setup(n){const{theme:e}=S(),{localeLinks:t,currentLang:o}=ne({correspondingLink:!0});return(s,r)=>i(t).length&&i(o).label?(a(),y(Pe,{key:0,class:"VPNavBarTranslations",icon:Ye,label:i(e).langMenuLabel||"Change language"},{default:v(()=>[d("div",Yn,[d("p",Kn,V(i(o).label),1),(a(!0),l(C,null,A(i(t),c=>(a(),y(le,{key:c.link,item:c},null,8,["item"]))),128))])]),_:1},8,["label"])):f("",!0)}});const Qn=m(Xn,[["__scopeId","data-v-c162e124"]]);const Jn={},Zn={class:"VPSwitch",type:"button",role:"switch"},es={class:"check"},ts={key:0,class:"icon"};function ns(n,e){return a(),l("button",Zn,[d("span",es,[n.$slots.default?(a(),l("span",ts,[u(n.$slots,"default",{},void 0,!0)])):f("",!0)])])}const ss=m(Jn,[["render",ns],["__scopeId","data-v-6b0029eb"]]),os={},as={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},rs=rt('',9),is=[rs];function ls(n,e){return a(),l("svg",as,is)}const cs=m(os,[["render",ls]]),us={},ds={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},_s=d("path",{d:"M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"},null,-1),vs=[_s];function ps(n,e){return a(),l("svg",ds,vs)}const hs=m(us,[["render",ps]]),fs=g({__name:"vp-theme-apperence",setup(n){const{site:e,isDark:t}=Ee(),o=L(!1),s=Fe?r():()=>{};O(()=>{o.value=document.documentElement.classList.contains("dark")});function r(){const c=window.matchMedia("(prefers-color-scheme: dark)"),p=document.documentElement.classList;let _=localStorage.getItem(xe),$=e.value.appearance==="dark"&&_==null||(_==="auto"||_==null?c.matches:_==="dark");c.onchange=k=>{_==="auto"&&I($=k.matches)};function M(){I($=!$),_=$?c.matches?"auto":"dark":c.matches?"light":"auto",localStorage.setItem(xe,_)}function T(k){if(!(document.startViewTransition&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches)||!k){M();return}const x=k.clientX,w=k.clientY,H=Math.hypot(Math.max(x,innerWidth-x),Math.max(w,innerHeight-w));document.startViewTransition(async()=>{M(),await Oe()}).ready.then(()=>{const F=[`circle(0px at ${x}px ${w}px)`,`circle(${H}px at ${x}px ${w}px)`];document.documentElement.animate({clipPath:$?[...F].reverse():F},{duration:400,easing:"ease-out",pseudoElement:$?"::view-transition-old(root)":"::view-transition-new(root)"})})}function I(k){const P=document.createElement("style");P.type="text/css",P.appendChild(document.createTextNode(`:not(.VPSwitchAppearance):not(.VPSwitchAppearance *) {
     -webkit-transition: none !important;
     -moz-transition: none !important;
     -o-transition: none !important;
     -ms-transition: none !important;
     transition: none !important;
-  }`)),document.head.appendChild(P),o.value=k,p[k?"add":"remove"]("dark"),window.getComputedStyle(P).opacity,document.head.removeChild(P)}return T}return W(o,c=>{t.value=c}),(c,p)=>(a(),y(ss,{title:"toggle dark mode",class:"VPSwitchAppearance","aria-checked":o.value,onClick:i(s)},{default:v(()=>[h(cs,{class:"sun"}),h(hs,{class:"moon"})]),_:1},8,["aria-checked","onClick"]))}});const Ve=m(fs,[["__scopeId","data-v-fddcca66"]]),ms={key:0,class:"VPNavBarAppearance"},gs=g({__name:"VPNavBarAppearance",setup(n){const{site:e}=S();return(t,o)=>i(e).appearance?(a(),l("div",ms,[h(Ve)])):f("",!0)}});const ys=m(gs,[["__scopeId","data-v-e19e564a"]]),bs={discord:'Discord',facebook:'Facebook',github:'GitHub',instagram:'Instagram',linkedin:'LinkedIn',mastodon:'Mastodon',slack:'Slack',twitter:'Twitter',youtube:'YouTube'},$s=["href","aria-label","innerHTML"],ks=g({__name:"VPSocialLink",props:{icon:{},link:{},ariaLabel:{}},setup(n){const e=n,t=b(()=>typeof e.icon=="object"?e.icon.svg:bs[e.icon]);return(o,s)=>(a(),l("a",{class:"VPSocialLink",href:o.link,"aria-label":o.ariaLabel??(typeof o.icon=="string"?o.icon:""),target:"_blank",rel:"noopener",innerHTML:t.value},null,8,$s))}});const Ps=m(ks,[["__scopeId","data-v-c4bf0301"]]),Vs={class:"VPSocialLinks"},ws=g({__name:"VPSocialLinks",props:{links:{}},setup(n){return(e,t)=>(a(),l("div",Vs,[(a(!0),l(C,null,A(e.links,({link:o,icon:s,ariaLabel:r})=>(a(),y(Ps,{key:o,icon:s,link:o,ariaLabel:r},null,8,["icon","link","ariaLabel"]))),128))]))}});const we=m(ws,[["__scopeId","data-v-0cc0ec93"]]),Ss=g({__name:"VPNavBarSocialLinks",setup(n){const{theme:e}=S();return(t,o)=>i(e).socialLinks?(a(),y(we,{key:0,class:"VPNavBarSocialLinks",links:i(e).socialLinks},null,8,["links"])):f("",!0)}});const Ls=m(Ss,[["__scopeId","data-v-b6678a82"]]),Ms={key:0,class:"group translations"},Cs={class:"trans-title"},Bs={key:1,class:"group"},Ts={class:"item appearance"},Is={class:"label"},xs={class:"appearance-action"},Ns={key:2,class:"group"},As={class:"item social-links"},Hs=g({__name:"VPNavBarExtra",setup(n){const{site:e,theme:t}=S(),{localeLinks:o,currentLang:s}=ne({correspondingLink:!0}),r=b(()=>o.value.length&&s.value.label||e.value.appearance||t.value.socialLinks);return(c,p)=>r.value?(a(),y(Pe,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:v(()=>[i(o).length&&i(s).label?(a(),l("div",Ms,[d("p",Cs,V(i(s).label),1),(a(!0),l(C,null,A(i(o),_=>(a(),y(le,{key:_.link,item:_},null,8,["item"]))),128))])):f("",!0),i(e).appearance?(a(),l("div",Bs,[d("div",Ts,[d("p",Is,V(i(t).darkModeSwitchLabel||"Appearance"),1),d("div",xs,[h(Ve)])])])):f("",!0),i(t).socialLinks?(a(),l("div",Ns,[d("div",As,[h(we,{class:"social-links-list",links:i(t).socialLinks},null,8,["links"])])])):f("",!0)]),_:1})):f("",!0)}});const Es=m(Hs,[["__scopeId","data-v-1ce4f02d"]]),zs=n=>(E("data-v-aa4b404e"),n=n(),z(),n),Ds=["aria-expanded"],Fs=zs(()=>d("span",{class:"container"},[d("span",{class:"top"}),d("span",{class:"middle"}),d("span",{class:"bottom"})],-1)),Os=[Fs],Gs=g({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(n){return(e,t)=>(a(),l("button",{type:"button",class:B(["VPNavBarHamburger",{active:e.active}]),"aria-label":"mobile navigation","aria-expanded":e.active,"aria-controls":"VPNavScreen",onClick:t[0]||(t[0]=o=>e.$emit("click"))},Os,10,Ds))}});const Rs=m(Gs,[["__scopeId","data-v-aa4b404e"]]),js=n=>(E("data-v-265bcee5"),n=n(),z(),n),Us={class:"container"},qs={class:"title"},Ws={class:"content"},Ys=js(()=>d("div",{class:"curtain"},null,-1)),Ks={class:"content-body"},Xs=g({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(n){const{y:e}=Re(),{hasSidebar:t}=D(),o=b(()=>({"has-sidebar":t.value,fill:e.value>0}));return(s,r)=>(a(),l("div",{class:B(["VPNavBar",o.value])},[d("div",Us,[d("div",qs,[h(Ft,null,{"nav-bar-title-before":v(()=>[u(s.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[u(s.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3})]),d("div",Ws,[Ys,d("div",Ks,[u(s.$slots,"nav-bar-content-before",{},void 0,!0),h(Yt,{class:"search"}),h(On,{class:"menu"}),h(Qn,{class:"translations"}),h(ys,{class:"appearance"}),h(Ls,{class:"social-links"}),h(Es,{class:"extra"}),u(s.$slots,"nav-bar-content-after",{},void 0,!0),h(Rs,{class:"hamburger",active:s.isScreenOpen,onClick:r[0]||(r[0]=c=>s.$emit("toggle-screen"))},null,8,["active"])])])])],2))}});const Qs=m(Xs,[["__scopeId","data-v-265bcee5"]]);function Js(n){if(Array.isArray(n)){for(var e=0,t=Array(n.length);e1),q=[],re=!1,Le=-1,X=void 0,R=void 0,Q=void 0,Ke=function(e){return q.some(function(t){return!!(t.options.allowTouchMove&&t.options.allowTouchMove(e))})},ie=function(e){var t=e||window.event;return Ke(t.target)||t.touches.length>1?!0:(t.preventDefault&&t.preventDefault(),!1)},Zs=function(e){if(Q===void 0){var t=!!e&&e.reserveScrollBarGap===!0,o=window.innerWidth-document.documentElement.clientWidth;if(t&&o>0){var s=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);Q=document.body.style.paddingRight,document.body.style.paddingRight=s+o+"px"}}X===void 0&&(X=document.body.style.overflow,document.body.style.overflow="hidden")},eo=function(){Q!==void 0&&(document.body.style.paddingRight=Q,Q=void 0),X!==void 0&&(document.body.style.overflow=X,X=void 0)},to=function(){return window.requestAnimationFrame(function(){if(R===void 0){R={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left};var e=window,t=e.scrollY,o=e.scrollX,s=e.innerHeight;document.body.style.position="fixed",document.body.style.top=-t,document.body.style.left=-o,setTimeout(function(){return window.requestAnimationFrame(function(){var r=s-window.innerHeight;r&&t>=s&&(document.body.style.top=-(t+r))})},300)}})},no=function(){if(R!==void 0){var e=-parseInt(document.body.style.top,10),t=-parseInt(document.body.style.left,10);document.body.style.position=R.position,document.body.style.top=R.top,document.body.style.left=R.left,window.scrollTo(t,e),R=void 0}},so=function(e){return e?e.scrollHeight-e.scrollTop<=e.clientHeight:!1},oo=function(e,t){var o=e.targetTouches[0].clientY-Le;return Ke(e.target)?!1:t&&t.scrollTop===0&&o>0||so(t)&&o<0?ie(e):(e.stopPropagation(),!0)},Xe=function(e,t){if(!e){console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");return}if(!q.some(function(s){return s.targetElement===e})){var o={targetElement:e,options:t||{}};q=[].concat(Js(q),[o]),ae?to():Zs(t),ae&&(e.ontouchstart=function(s){s.targetTouches.length===1&&(Le=s.targetTouches[0].clientY)},e.ontouchmove=function(s){s.targetTouches.length===1&&oo(s,e)},re||(document.addEventListener("touchmove",ie,Se?{passive:!1}:void 0),re=!0))}},Qe=function(){ae&&(q.forEach(function(e){e.targetElement.ontouchstart=null,e.targetElement.ontouchmove=null}),re&&(document.removeEventListener("touchmove",ie,Se?{passive:!1}:void 0),re=!1),Le=-1),ae?no():eo(),q=[]};const ao=g({__name:"VPNavScreenMenuLink",props:{item:{}},setup(n){const e=me("close-screen");return(t,o)=>(a(),y(G,{class:"VPNavScreenMenuLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:i(e)},{default:v(()=>[N(V(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}});const ro=m(ao,[["__scopeId","data-v-99946c6e"]]),io={},lo={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},co=d("path",{d:"M18.9,10.9h-6v-6c0-0.6-0.4-1-1-1s-1,0.4-1,1v6h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6h6c0.6,0,1-0.4,1-1S19.5,10.9,18.9,10.9z"},null,-1),uo=[co];function _o(n,e){return a(),l("svg",lo,uo)}const vo=m(io,[["render",_o]]),po=g({__name:"VPNavScreenMenuGroupLink",props:{item:{}},setup(n){const e=me("close-screen");return(t,o)=>(a(),y(G,{class:"VPNavScreenMenuGroupLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:i(e)},{default:v(()=>[N(V(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}});const Je=m(po,[["__scopeId","data-v-3430aa67"]]),ho={class:"VPNavScreenMenuGroupSection"},fo={key:0,class:"title"},mo=g({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(n){return(e,t)=>(a(),l("div",ho,[e.text?(a(),l("p",fo,V(e.text),1)):f("",!0),(a(!0),l(C,null,A(e.items,o=>(a(),y(Je,{key:o.text,item:o},null,8,["item"]))),128))]))}});const go=m(mo,[["__scopeId","data-v-49aac80a"]]),yo=["aria-controls","aria-expanded"],bo={class:"button-text"},$o=["id"],ko={key:1,class:"group"},Po=g({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(n){const e=n,t=L(!1),o=b(()=>`NavScreenGroup-${e.text.replace(" ","-").toLowerCase()}`);function s(){t.value=!t.value}return(r,c)=>(a(),l("div",{class:B(["VPNavScreenMenuGroup",{open:t.value}])},[d("button",{class:"button","aria-controls":o.value,"aria-expanded":t.value,onClick:s},[d("span",bo,V(r.text),1),h(vo,{class:"button-icon"})],8,yo),d("div",{id:o.value,class:"items"},[(a(!0),l(C,null,A(r.items,p=>(a(),l(C,{key:p.text},["link"in p?(a(),l("div",{key:p.text,class:"item"},[h(Je,{item:p},null,8,["item"])])):(a(),l("div",ko,[h(go,{text:p.text,items:p.items},null,8,["text","items"])]))],64))),128))],8,$o)],2))}});const Vo=m(Po,[["__scopeId","data-v-03d2d304"]]),wo={key:0,class:"VPNavScreenMenu"},So=g({__name:"VPNavScreenMenu",setup(n){const{theme:e}=S();return(t,o)=>i(e).nav?(a(),l("nav",wo,[(a(!0),l(C,null,A(i(e).nav,s=>(a(),l(C,{key:s.text},["link"in s?(a(),y(ro,{key:0,item:s},null,8,["item"])):(a(),y(Vo,{key:1,text:s.text||"",items:s.items},null,8,["text","items"]))],64))),128))])):f("",!0)}}),Lo={key:0,class:"VPNavScreenAppearance"},Mo={class:"text"},Co=g({__name:"VPNavScreenAppearance",setup(n){const{site:e,theme:t}=S();return(o,s)=>i(e).appearance?(a(),l("div",Lo,[d("p",Mo,V(i(t).darkModeSwitchLabel||"Appearance"),1),h(Ve)])):f("",!0)}});const Bo=m(Co,[["__scopeId","data-v-f6e1de6e"]]),To={class:"list"},Io=g({__name:"VPNavScreenTranslations",setup(n){const{localeLinks:e,currentLang:t}=ne({correspondingLink:!0}),o=L(!1);function s(){o.value=!o.value}return(r,c)=>i(e).length&&i(t).label?(a(),l("div",{key:0,class:B(["VPNavScreenTranslations",{open:o.value}])},[d("button",{class:"title",onClick:s},[h(Ye,{class:"icon lang"}),N(" "+V(i(t).label)+" ",1),h(We,{class:"icon chevron"})]),d("ul",To,[(a(!0),l(C,null,A(i(e),p=>(a(),l("li",{key:p.link,class:"item"},[h(G,{class:"link",href:p.link},{default:v(()=>[N(V(p.text),1)]),_:2},1032,["href"])]))),128))])],2)):f("",!0)}});const xo=m(Io,[["__scopeId","data-v-79f0e79f"]]),No=g({__name:"VPNavScreenSocialLinks",setup(n){const{theme:e}=S();return(t,o)=>i(e).socialLinks?(a(),y(we,{key:0,class:"VPNavScreenSocialLinks",links:i(e).socialLinks},null,8,["links"])):f("",!0)}}),Ao={class:"container"},Ho=g({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(n){const e=L(null);function t(){Xe(e.value,{reserveScrollBarGap:!0})}function o(){Qe()}return(s,r)=>(a(),y(fe,{name:"fade",onEnter:t,onAfterLeave:o},{default:v(()=>[s.open?(a(),l("div",{key:0,class:"VPNavScreen",ref_key:"screen",ref:e},[d("div",Ao,[u(s.$slots,"nav-screen-content-before",{},void 0,!0),h(So,{class:"menu"}),h(xo,{class:"translations"}),h(Bo,{class:"appearance"}),h(No,{class:"social-links"}),u(s.$slots,"nav-screen-content-after",{},void 0,!0)])],512)):f("",!0)]),_:3}))}});const Eo=m(Ho,[["__scopeId","data-v-eabf6c71"]]),zo={class:"VPNav"},Do=g({__name:"VPNav",setup(n){const{isScreenOpen:e,closeScreen:t,toggleScreen:o}=xt();return oe("close-screen",t),(s,r)=>(a(),l("header",zo,[h(Qs,{"is-screen-open":i(e),onToggleScreen:i(o)},{"nav-bar-title-before":v(()=>[u(s.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[u(s.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":v(()=>[u(s.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":v(()=>[u(s.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),h(Eo,{open:i(e)},{"nav-screen-content-before":v(()=>[u(s.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":v(()=>[u(s.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])]))}});const Fo=m(Do,[["__scopeId","data-v-c1773d58"]]);function Oo(){const{hasSidebar:n}=D(),e=de("(min-width: 960px)"),t=de("(min-width: 1280px)");return{isAsideEnabled:b(()=>!t.value&&!e.value?!1:n.value?t.value:e.value)}}const Go=71;function Me(n){return typeof n.outline=="object"&&!Array.isArray(n.outline)&&n.outline.label||n.outlineTitle||"On this page"}function Ce(n){const e=[...document.querySelectorAll(".VPDoc h2,h3,h4,h5,h6")].filter(t=>t.id&&t.hasChildNodes()).map(t=>{const o=Number(t.tagName[1]);return{title:Ro(t),link:"#"+t.id,level:o}});return jo(e,n)}function Ro(n){let e="";for(const t of n.childNodes)if(t.nodeType===1){if(t.classList.contains("VPBadge")||t.classList.contains("header-anchor"))continue;e+=t.textContent}else t.nodeType===3&&(e+=t.textContent);return e.trim()}function jo(n,e){if(e===!1)return[];const t=(typeof e=="object"&&!Array.isArray(e)?e.level:e)||2,[o,s]=typeof t=="number"?[t,t]:t==="deep"?[2,6]:t;n=n.filter(c=>c.level>=o&&c.level<=s);const r=[];e:for(let c=0;c=0;_--){const $=n[_];if($.level{requestAnimationFrame(r),window.addEventListener("scroll",o)}),it(()=>{c(location.hash)}),he(()=>{window.removeEventListener("scroll",o)});function r(){if(!t.value)return;const p=[].slice.call(n.value.querySelectorAll(".outline-link")),_=[].slice.call(document.querySelectorAll(".content .header-anchor")).filter(k=>p.some(P=>P.hash===k.hash&&k.offsetParent!==null)),$=window.scrollY,M=window.innerHeight,T=document.body.offsetHeight,I=Math.abs($+M-T)<1;if(_.length&&I){c(_[_.length-1].hash);return}for(let k=0;k<_.length;k++){const P=_[k],x=_[k+1],[w,H]=qo(k,P,x);if(w){c(H);return}}}function c(p){s&&s.classList.remove("active"),p!==null&&(s=n.value.querySelector(`a[href="${decodeURIComponent(p)}"]`));const _=s;_?(_.classList.add("active"),e.value.style.top=_.offsetTop+33+"px",e.value.style.opacity="1"):(e.value.style.top="33px",e.value.style.opacity="0")}}function He(n){return n.parentElement.offsetTop-Go}function qo(n,e,t){const o=window.scrollY;return n===0&&o===0?[!0,null]:o{const s=j("VPDocOutlineItem",!0);return a(),l("ul",{class:B(t.root?"root":"nested")},[(a(!0),l(C,null,A(t.headers,({children:r,link:c,title:p})=>(a(),l("li",null,[d("a",{class:"outline-link",href:c,onClick:e,title:p},V(p),9,Wo),r!=null&&r.length?(a(),y(s,{key:0,headers:r},null,8,["headers"])):f("",!0)]))),256))],2)}}});const Be=m(Yo,[["__scopeId","data-v-52bf15e0"]]),Ko={},Xo={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Qo=d("path",{d:"M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"},null,-1),Jo=[Qo];function Zo(n,e){return a(),l("svg",Xo,Jo)}const Te=m(Ko,[["render",Zo]]),ea=g({__name:"VPLocalNavOutlineDropdown",props:{headers:{}},setup(n){const{theme:e}=S(),t=L(!1),o=L(0),s=L();Z(()=>{t.value=!1});function r(){t.value=!t.value,o.value=window.innerHeight+Math.min(window.scrollY-64,0)}function c(_){_.target.classList.contains("outline-link")&&(s.value&&(s.value.style.transition="none"),Oe(()=>{t.value=!1}))}function p(){t.value=!1,window.scrollTo({top:0,left:0,behavior:"smooth"})}return(_,$)=>(a(),l("div",{class:"VPLocalNavOutlineDropdown",style:ze({"--vp-vh":o.value+"px"})},[_.headers.length>0?(a(),l("button",{key:0,onClick:r,class:B({open:t.value})},[N(V(i(Me)(i(e)))+" ",1),h(Te,{class:"icon"})],2)):(a(),l("button",{key:1,onClick:p},V(i(e).returnToTopLabel||"Return to top"),1)),h(fe,{name:"flyout"},{default:v(()=>[t.value?(a(),l("div",{key:0,ref_key:"items",ref:s,class:"items",onClick:c},[d("a",{class:"top-link",href:"#",onClick:p},V(i(e).returnToTopLabel||"Return to top"),1),h(Be,{headers:_.headers},null,8,["headers"])],512)):f("",!0)]),_:1})],4))}});const ta=m(ea,[["__scopeId","data-v-76dd2621"]]),na={},sa={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},oa=d("path",{d:"M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z"},null,-1),aa=d("path",{d:"M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z"},null,-1),ra=d("path",{d:"M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z"},null,-1),ia=d("path",{d:"M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z"},null,-1),la=[oa,aa,ra,ia];function ca(n,e){return a(),l("svg",sa,la)}const ua=m(na,[["render",ca]]),da=["aria-expanded"],_a={class:"menu-text"},va=g({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(n){const{theme:e,frontmatter:t}=S(),{hasSidebar:o}=D(),{y:s}=Re(),r=ge([]);Z(()=>{r.value=Ce(t.value.outline??e.value.outline)});const c=b(()=>r.value.length===0&&!o.value),p=b(()=>({VPLocalNav:!0,fixed:c.value,"reached-top":s.value>=64}));return(_,$)=>i(t).layout!=="home"&&(!c.value||i(s)>=64)?(a(),l("div",{key:0,class:B(p.value)},[i(o)?(a(),l("button",{key:0,class:"menu","aria-expanded":_.open,"aria-controls":"VPSidebarNav",onClick:$[0]||($[0]=M=>_.$emit("open-menu"))},[h(ua,{class:"menu-icon"}),d("span",_a,V(i(e).sidebarMenuLabel||"Menu"),1)],8,da)):f("",!0),h(ta,{headers:r.value},null,8,["headers"])],2)):f("",!0)}});const pa=m(va,[["__scopeId","data-v-42ac1d5f"]]),ha=n=>(E("data-v-af8d9790"),n=n(),z(),n),fa=["role","tabindex"],ma=ha(()=>d("div",{class:"indicator"},null,-1)),ga={key:1,class:"items"},ya=g({__name:"VPSidebarItem",props:{item:{},depth:{}},setup(n){const e=n,{collapsed:t,collapsible:o,isLink:s,isActiveLink:r,hasActiveLink:c,hasChildren:p,toggle:_}=Lt(b(()=>e.item)),$=b(()=>p.value?"section":"div"),M=b(()=>s.value?"a":"div"),T=b(()=>p.value?e.depth+2===7?"p":`h${e.depth+2}`:"p"),I=b(()=>s.value?void 0:"button"),k=b(()=>[[`level-${e.depth}`],{collapsible:o.value},{collapsed:t.value},{"is-link":s.value},{"is-active":r.value},{"has-active":c.value}]);function P(w){"key"in w&&w.key!=="Enter"||!e.item.link&&_()}function x(){e.item.link&&_()}return(w,H)=>{const K=j("VPSidebarItem",!0);return a(),y(U($.value),{class:B(["VPSidebarItem",k.value])},{default:v(()=>[w.item.text?(a(),l("div",se({key:0,class:"item",role:I.value},lt(w.item.items?{click:P,keydown:P}:{},!0),{tabindex:w.item.items&&0}),[ma,w.item.link?(a(),y(G,{key:0,tag:M.value,class:"link",href:w.item.link},{default:v(()=>[(a(),y(U(T.value),{class:"text",innerHTML:w.item.text},null,8,["innerHTML"]))]),_:1},8,["tag","href"])):(a(),y(U(T.value),{key:1,class:"text",innerHTML:w.item.text},null,8,["innerHTML"])),w.item.collapsed!=null?(a(),l("div",{key:2,class:"caret",role:"button","aria-label":"toggle section",onClick:x,onKeydown:ct(x,["enter"]),tabindex:"0"},[h(Te,{class:"caret-icon"})],32)):f("",!0)],16,fa)):f("",!0),w.item.items&&w.item.items.length?(a(),l("div",ga,[w.depth<5?(a(!0),l(C,{key:0},A(w.item.items,F=>(a(),y(K,{key:F.text,item:F,depth:w.depth+1},null,8,["item","depth"]))),128)):f("",!0)])):f("",!0)]),_:1},8,["class"])}}});const ba=m(ya,[["__scopeId","data-v-af8d9790"]]),Ze=n=>(E("data-v-582a1996"),n=n(),z(),n),$a=Ze(()=>d("div",{class:"curtain"},null,-1)),ka={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},Pa=Ze(()=>d("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),Va=g({__name:"VPSidebar",props:{open:{type:Boolean}},setup(n){const{sidebarGroups:e,hasSidebar:t}=D(),o=n;let s=L(null);function r(){Xe(s.value,{reserveScrollBarGap:!0})}function c(){Qe()}return ut(async()=>{var p;o.open?(r(),(p=s.value)==null||p.focus()):c()}),(p,_)=>i(t)?(a(),l("aside",{key:0,class:B(["VPSidebar",{open:p.open}]),ref_key:"navEl",ref:s,onClick:_[0]||(_[0]=dt(()=>{},["stop"]))},[$a,d("nav",ka,[Pa,u(p.$slots,"sidebar-nav-before",{},void 0,!0),(a(!0),l(C,null,A(i(e),$=>(a(),l("div",{key:$.text,class:"group"},[h(ba,{item:$,depth:0},null,8,["item"])]))),128)),u(p.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):f("",!0)}});const wa=m(Va,[["__scopeId","data-v-582a1996"]]),Sa={},La={class:"VPPage"};function Ma(n,e){const t=j("Content");return a(),l("div",La,[u(n.$slots,"page-top"),h(t),u(n.$slots,"page-bottom")])}const Ca=m(Sa,[["render",Ma]]),Ba=g({__name:"VPButton",props:{tag:{},size:{},theme:{},text:{},href:{}},setup(n){const e=n,t=b(()=>[e.size??"medium",e.theme??"brand"]),o=b(()=>e.href&&De.test(e.href)),s=b(()=>e.tag?e.tag:e.href?"a":"button");return(r,c)=>(a(),y(U(s.value),{class:B(["VPButton",t.value]),href:r.href?i(ee)(r.href):void 0,target:o.value?"_blank":void 0,rel:o.value?"noreferrer":void 0},{default:v(()=>[N(V(r.text),1)]),_:1},8,["class","href","target","rel"]))}});const Ta=m(Ba,[["__scopeId","data-v-cbc5736f"]]),Ia=n=>(E("data-v-13fe8a98"),n=n(),z(),n),xa={class:"container"},Na={class:"main"},Aa={key:0,class:"name"},Ha={class:"clip"},Ea={key:1,class:"text"},za={key:2,class:"tagline"},Da={key:0,class:"actions"},Fa={key:0,class:"image"},Oa={class:"image-container"},Ga=Ia(()=>d("div",{class:"image-bg"},null,-1)),Ra=g({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(n){const e=me("hero-image-slot-exists");return(t,o)=>(a(),l("div",{class:B(["VPHero",{"has-image":t.image||i(e)}])},[d("div",xa,[d("div",Na,[u(t.$slots,"home-hero-info",{},()=>[t.name?(a(),l("h1",Aa,[d("span",Ha,V(t.name),1)])):f("",!0),t.text?(a(),l("p",Ea,V(t.text),1)):f("",!0),t.tagline?(a(),l("p",za,V(t.tagline),1)):f("",!0)],!0),t.actions?(a(),l("div",Da,[(a(!0),l(C,null,A(t.actions,s=>(a(),l("div",{key:s.link,class:"action"},[h(Ta,{tag:"a",size:"medium",theme:s.theme,text:s.text,href:s.link},null,8,["theme","text","href"])]))),128))])):f("",!0)]),t.image||i(e)?(a(),l("div",Fa,[d("div",Oa,[Ga,u(t.$slots,"home-hero-image",{},()=>[t.image?(a(),y($e,{key:0,class:"image-src",image:t.image},null,8,["image"])):f("",!0)],!0)])])):f("",!0)])],2))}});const ja=m(Ra,[["__scopeId","data-v-13fe8a98"]]),Ua=g({__name:"VPHomeHero",setup(n){const{frontmatter:e}=S();return(t,o)=>i(e).hero?(a(),y(ja,{key:0,class:"VPHomeHero",name:i(e).hero.name,text:i(e).hero.text,tagline:i(e).hero.tagline,image:i(e).hero.image,actions:i(e).hero.actions},{"home-hero-info":v(()=>[u(t.$slots,"home-hero-info")]),"home-hero-image":v(()=>[u(t.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):f("",!0)}}),qa={},Wa={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Ya=d("path",{d:"M19.9,12.4c0.1-0.2,0.1-0.5,0-0.8c-0.1-0.1-0.1-0.2-0.2-0.3l-7-7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3H5c-0.6,0-1,0.4-1,1s0.4,1,1,1h11.6l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l7-7C19.8,12.6,19.9,12.5,19.9,12.4z"},null,-1),Ka=[Ya];function Xa(n,e){return a(),l("svg",Wa,Ka)}const Qa=m(qa,[["render",Xa]]),Ja={class:"box"},Za=["innerHTML"],er=["innerHTML"],tr=["innerHTML"],nr={key:3,class:"link-text"},sr={class:"link-text-value"},or=g({__name:"VPFeature",props:{icon:{},title:{},details:{},link:{},linkText:{}},setup(n){return(e,t)=>(a(),y(G,{class:"VPFeature",href:e.link,"no-icon":!0},{default:v(()=>[d("article",Ja,[typeof e.icon=="object"?(a(),y($e,{key:0,image:e.icon,alt:e.icon.alt,height:e.icon.height,width:e.icon.width},null,8,["image","alt","height","width"])):e.icon?(a(),l("div",{key:1,class:"icon",innerHTML:e.icon},null,8,Za)):f("",!0),d("h2",{class:"title",innerHTML:e.title},null,8,er),e.details?(a(),l("p",{key:2,class:"details",innerHTML:e.details},null,8,tr)):f("",!0),e.linkText?(a(),l("div",nr,[d("p",sr,[N(V(e.linkText)+" ",1),h(Qa,{class:"link-text-icon"})])])):f("",!0)])]),_:1},8,["href"]))}});const ar=m(or,[["__scopeId","data-v-90df4af1"]]),rr={key:0,class:"VPFeatures"},ir={class:"container"},lr={class:"items"},cr=g({__name:"VPFeatures",props:{features:{}},setup(n){const e=n,t=b(()=>{const o=e.features.length;if(o){if(o===2)return"grid-2";if(o===3)return"grid-3";if(o%3===0)return"grid-6";if(o>3)return"grid-4"}else return});return(o,s)=>o.features?(a(),l("div",rr,[d("div",ir,[d("div",lr,[(a(!0),l(C,null,A(o.features,r=>(a(),l("div",{key:r.title,class:B(["item",[t.value]])},[h(ar,{icon:r.icon,title:r.title,details:r.details,link:r.link,"link-text":r.linkText},null,8,["icon","title","details","link","link-text"])],2))),128))])])])):f("",!0)}});const ur=m(cr,[["__scopeId","data-v-32c2950a"]]),dr=g({__name:"VPHomeFeatures",setup(n){const{frontmatter:e}=S();return(t,o)=>i(e).features?(a(),y(ur,{key:0,class:"VPHomeFeatures",features:i(e).features},null,8,["features"])):f("",!0)}}),_r={class:"VPHome"},vr=g({__name:"VPHome",setup(n){return(e,t)=>{const o=j("Content");return a(),l("div",_r,[u(e.$slots,"home-hero-before",{},void 0,!0),h(Ua,null,{"home-hero-info":v(()=>[u(e.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-image":v(()=>[u(e.$slots,"home-hero-image",{},void 0,!0)]),_:3}),u(e.$slots,"home-hero-after",{},void 0,!0),u(e.$slots,"home-features-before",{},void 0,!0),h(dr),u(e.$slots,"home-features-after",{},void 0,!0),h(o)])}}});const pr=m(vr,[["__scopeId","data-v-a5eb78d4"]]),hr=n=>(E("data-v-487501be"),n=n(),z(),n),fr={class:"content"},mr={class:"outline-title"},gr={"aria-labelledby":"doc-outline-aria-label"},yr=hr(()=>d("span",{class:"visually-hidden",id:"doc-outline-aria-label"}," Table of Contents for current page ",-1)),br=g({__name:"VPDocAsideOutline",setup(n){const{frontmatter:e,theme:t}=S(),o=ge([]);Z(()=>{o.value=Ce(e.value.outline??t.value.outline)});const s=L(),r=L();return Uo(s,r),(c,p)=>(a(),l("div",{class:B(["VPDocAsideOutline",{"has-outline":o.value.length>0}]),ref_key:"container",ref:s},[d("div",fr,[d("div",{class:"outline-marker",ref_key:"marker",ref:r},null,512),d("div",mr,V(i(Me)(i(t))),1),d("nav",gr,[yr,h(Be,{headers:o.value,root:!0},null,8,["headers"])])])],2))}});const $r=m(br,[["__scopeId","data-v-487501be"]]),kr={class:"VPDocAsideCarbonAds"},Pr=g({__name:"VPDocAsideCarbonAds",props:{carbonAds:{}},setup(n){const e=()=>null;return(t,o)=>(a(),l("div",kr,[h(i(e),{"carbon-ads":t.carbonAds},null,8,["carbon-ads"])]))}}),Vr=n=>(E("data-v-08a33b8d"),n=n(),z(),n),wr={class:"VPDocAside"},Sr=Vr(()=>d("div",{class:"spacer"},null,-1)),Lr=g({__name:"VPDocAside",setup(n){const{theme:e}=S();return(t,o)=>(a(),l("div",wr,[u(t.$slots,"aside-top",{},void 0,!0),u(t.$slots,"aside-outline-before",{},void 0,!0),h($r),u(t.$slots,"aside-outline-after",{},void 0,!0),Sr,u(t.$slots,"aside-ads-before",{},void 0,!0),i(e).carbonAds?(a(),y(Pr,{key:0,"carbon-ads":i(e).carbonAds},null,8,["carbon-ads"])):f("",!0),u(t.$slots,"aside-ads-after",{},void 0,!0),u(t.$slots,"aside-bottom",{},void 0,!0)]))}});const Mr=m(Lr,[["__scopeId","data-v-08a33b8d"]]);function Cr(){const{theme:n,page:e}=S();return b(()=>{const{text:t="Edit this page",pattern:o=""}=n.value.editLink||{};let s;return typeof o=="function"?s=o(e.value):s=o.replace(/:path/g,e.value.filePath),{url:s,text:t}})}function Br(){const{page:n,theme:e,frontmatter:t}=S();return b(()=>{var _,$,M,T,I,k;const o=je(e.value.sidebar,n.value.relativePath),s=wt(o),r=s.findIndex(P=>Y(n.value.relativePath,P.link)),c=((_=e.value.docFooter)==null?void 0:_.prev)===!1&&!t.value.prev||t.value.prev===!1,p=(($=e.value.docFooter)==null?void 0:$.next)===!1&&!t.value.next||t.value.next===!1;return{prev:c?void 0:{text:(typeof t.value.prev=="string"?t.value.prev:typeof t.value.prev=="object"?t.value.prev.text:void 0)??((M=s[r-1])==null?void 0:M.text),link:(typeof t.value.prev=="object"?t.value.prev.link:void 0)??((T=s[r-1])==null?void 0:T.link)},next:p?void 0:{text:(typeof t.value.next=="string"?t.value.next:typeof t.value.next=="object"?t.value.next.text:void 0)??((I=s[r+1])==null?void 0:I.text),link:(typeof t.value.next=="object"?t.value.next.link:void 0)??((k=s[r+1])==null?void 0:k.link)}}})}const Tr={},Ir={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},xr=d("path",{d:"M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"},null,-1),Nr=d("path",{d:"M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"},null,-1),Ar=[xr,Nr];function Hr(n,e){return a(),l("svg",Ir,Ar)}const Er=m(Tr,[["render",Hr]]),zr={class:"VPLastUpdated"},Dr=["datetime"],Fr=g({__name:"VPDocFooterLastUpdated",setup(n){const{theme:e,page:t,lang:o}=S(),s=b(()=>new Date(t.value.lastUpdated)),r=b(()=>s.value.toISOString()),c=L("");return O(()=>{J(()=>{c.value=s.value.toLocaleString(o.value)})}),(p,_)=>(a(),l("p",zr,[N(V(i(e).lastUpdatedText||"Last updated")+": ",1),d("time",{datetime:r.value},V(c.value),9,Dr)]))}});const Or=m(Fr,[["__scopeId","data-v-47312c26"]]),Gr={key:0,class:"VPDocFooter"},Rr={key:0,class:"edit-info"},jr={key:0,class:"edit-link"},Ur={key:1,class:"last-updated"},qr={key:1,class:"prev-next"},Wr={class:"pager"},Yr=["href"],Kr=["innerHTML"],Xr=["innerHTML"],Qr=["href"],Jr=["innerHTML"],Zr=["innerHTML"],ei=g({__name:"VPDocFooter",setup(n){const{theme:e,page:t,frontmatter:o}=S(),s=Cr(),r=Br(),c=b(()=>e.value.editLink&&o.value.editLink!==!1),p=b(()=>t.value.lastUpdated&&o.value.lastUpdated!==!1),_=b(()=>c.value||p.value||r.value.prev||r.value.next);return($,M)=>{var T,I,k,P,x,w,H;return _.value?(a(),l("footer",Gr,[u($.$slots,"doc-footer-before",{},void 0,!0),c.value||p.value?(a(),l("div",Rr,[c.value?(a(),l("div",jr,[h(G,{class:"edit-link-button",href:i(s).url,"no-icon":!0},{default:v(()=>[h(Er,{class:"edit-link-icon","aria-label":"edit icon"}),N(" "+V(i(s).text),1)]),_:1},8,["href"])])):f("",!0),p.value?(a(),l("div",Ur,[h(Or)])):f("",!0)])):f("",!0),(T=i(r).prev)!=null&&T.link||(I=i(r).next)!=null&&I.link?(a(),l("div",qr,[d("div",Wr,[(k=i(r).prev)!=null&&k.link?(a(),l("a",{key:0,class:"pager-link prev",href:i(ee)(i(r).prev.link)},[d("span",{class:"desc",innerHTML:((P=i(e).docFooter)==null?void 0:P.prev)||"Previous page"},null,8,Kr),d("span",{class:"title",innerHTML:i(r).prev.text},null,8,Xr)],8,Yr)):f("",!0)]),d("div",{class:B(["pager",{"has-prev":(x=i(r).prev)==null?void 0:x.link}])},[(w=i(r).next)!=null&&w.link?(a(),l("a",{key:0,class:"pager-link next",href:i(ee)(i(r).next.link)},[d("span",{class:"desc",innerHTML:((H=i(e).docFooter)==null?void 0:H.next)||"Next page"},null,8,Jr),d("span",{class:"title",innerHTML:i(r).next.text},null,8,Zr)],8,Qr)):f("",!0)],2)])):f("",!0)])):f("",!0)}}});const ti=m(ei,[["__scopeId","data-v-259db062"]]),ni={key:0,class:"VPDocOutlineDropdown"},si={key:0,class:"items"},oi=g({__name:"VPDocOutlineDropdown",setup(n){const{frontmatter:e,theme:t}=S(),o=L(!1);Z(()=>{o.value=!1});const s=ge([]);return Z(()=>{s.value=Ce(e.value.outline??t.value.outline)}),(r,c)=>s.value.length>0?(a(),l("div",ni,[d("button",{onClick:c[0]||(c[0]=p=>o.value=!o.value),class:B({open:o.value})},[N(V(i(Me)(i(t)))+" ",1),h(Te,{class:"icon"})],2),o.value?(a(),l("div",si,[h(Be,{headers:s.value},null,8,["headers"])])):f("",!0)])):f("",!0)}});const ai=m(oi,[["__scopeId","data-v-115273b7"]]),ri=n=>(E("data-v-101ab53e"),n=n(),z(),n),ii={class:"container"},li=ri(()=>d("div",{class:"aside-curtain"},null,-1)),ci={class:"aside-container"},ui={class:"aside-content"},di={class:"content"},_i={class:"content-container"},vi={class:"main"},pi=g({__name:"VPDoc",setup(n){const e=te(),{hasSidebar:t,hasAside:o,leftAside:s}=D(),r=b(()=>e.path.replace(/[./]+/g,"_").replace(/_html$/,""));return(c,p)=>{const _=j("Content");return a(),l("div",{class:B(["VPDoc",{"has-sidebar":i(t),"has-aside":i(o)}])},[u(c.$slots,"doc-top",{},void 0,!0),d("div",ii,[i(o)?(a(),l("div",{key:0,class:B(["aside",{"left-aside":i(s)}])},[li,d("div",ci,[d("div",ui,[h(Mr,null,{"aside-top":v(()=>[u(c.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":v(()=>[u(c.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":v(()=>[u(c.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[u(c.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[u(c.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[u(c.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])],2)):f("",!0),d("div",di,[d("div",_i,[u(c.$slots,"doc-before",{},void 0,!0),h(ai),d("main",vi,[h(_,{class:B(["vp-doc",r.value])},null,8,["class"])]),h(ti,null,{"doc-footer-before":v(()=>[u(c.$slots,"doc-footer-before",{},void 0,!0)]),_:3}),u(c.$slots,"doc-after",{},void 0,!0)])])]),u(c.$slots,"doc-bottom",{},void 0,!0)],2)}}});const hi=m(pi,[["__scopeId","data-v-101ab53e"]]),ce=n=>(E("data-v-cbd5067b"),n=n(),z(),n),fi={class:"NotFound"},mi=ce(()=>d("p",{class:"code"},"404",-1)),gi=ce(()=>d("h1",{class:"title"},"PAGE NOT FOUND",-1)),yi=ce(()=>d("div",{class:"divider"},null,-1)),bi=ce(()=>d("blockquote",{class:"quote"}," But if you don't change your direction, and if you keep looking, you may end up where you are heading. ",-1)),$i={class:"action"},ki=["href"],Pi=g({__name:"NotFound",setup(n){const{site:e}=S(),{localeLinks:t}=ne({removeCurrent:!1}),o=L("/");return O(()=>{var r;const s=window.location.pathname.replace(e.value.base,"").replace(/(^.*?\/).*$/,"/$1");t.value.length&&(o.value=((r=t.value.find(({link:c})=>c.startsWith(s)))==null?void 0:r.link)||t.value[0].link)}),(s,r)=>(a(),l("div",fi,[mi,gi,yi,bi,d("div",$i,[d("a",{class:"link",href:i(pe)(o.value),"aria-label":"go to home"}," Take me home ",8,ki)])]))}});const Vi=m(Pi,[["__scopeId","data-v-cbd5067b"]]),wi=g({__name:"VPContent",setup(n){const{page:e,frontmatter:t}=S(),{hasSidebar:o}=D();return(s,r)=>(a(),l("div",{class:B(["VPContent",{"has-sidebar":i(o),"is-home":i(t).layout==="home"}]),id:"VPContent"},[i(e).isNotFound?u(s.$slots,"not-found",{key:0},()=>[h(Vi)],!0):i(t).layout==="page"?(a(),y(Ca,{key:1},{"page-top":v(()=>[u(s.$slots,"page-top",{},void 0,!0)]),"page-bottom":v(()=>[u(s.$slots,"page-bottom",{},void 0,!0)]),_:3})):i(t).layout==="home"?(a(),y(pr,{key:2},{"home-hero-before":v(()=>[u(s.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info":v(()=>[u(s.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-image":v(()=>[u(s.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":v(()=>[u(s.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":v(()=>[u(s.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":v(()=>[u(s.$slots,"home-features-after",{},void 0,!0)]),_:3})):(a(),y(hi,{key:3},{"doc-top":v(()=>[u(s.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":v(()=>[u(s.$slots,"doc-bottom",{},void 0,!0)]),"doc-footer-before":v(()=>[u(s.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":v(()=>[u(s.$slots,"doc-before",{},void 0,!0)]),"doc-after":v(()=>[u(s.$slots,"doc-after",{},void 0,!0)]),"aside-top":v(()=>[u(s.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":v(()=>[u(s.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[u(s.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[u(s.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[u(s.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":v(()=>[u(s.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}});const Si=m(wi,[["__scopeId","data-v-acd8c4ed"]]),Li={class:"container"},Mi=["innerHTML"],Ci=["innerHTML"],Bi=g({__name:"VPFooter",setup(n){const{theme:e}=S(),{hasSidebar:t}=D();return(o,s)=>i(e).footer?(a(),l("footer",{key:0,class:B(["VPFooter",{"has-sidebar":i(t)}])},[d("div",Li,[i(e).footer.message?(a(),l("p",{key:0,class:"message",innerHTML:i(e).footer.message},null,8,Mi)):f("",!0),i(e).footer.copyright?(a(),l("p",{key:1,class:"copyright",innerHTML:i(e).footer.copyright},null,8,Ci)):f("",!0)])],2)):f("",!0)}});const Ti=m(Bi,[["__scopeId","data-v-7061414f"]]),Ii={key:0,class:"Layout"},xi=g({__name:"Layout",setup(n){const{isOpen:e,open:t,close:o}=D(),s=te();W(()=>s.path,o),St(e,o),oe("close-sidebar",o),oe("is-sidebar-open",e);const{frontmatter:r}=S(),c=_t(),p=b(()=>!!c["home-hero-image"]);return oe("hero-image-slot-exists",p),(_,$)=>{const M=j("Content");return i(r).layout!==!1?(a(),l("div",Ii,[u(_.$slots,"layout-top",{},void 0,!0),h(Ct),h(It,{class:"backdrop",show:i(e),onClick:i(o)},null,8,["show","onClick"]),h(Fo,null,{"nav-bar-title-before":v(()=>[u(_.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[u(_.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":v(()=>[u(_.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":v(()=>[u(_.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":v(()=>[u(_.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":v(()=>[u(_.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),h(pa,{open:i(e),onOpenMenu:i(t)},null,8,["open","onOpenMenu"]),h(wa,{open:i(e)},{"sidebar-nav-before":v(()=>[u(_.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":v(()=>[u(_.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),h(Si,null,{"page-top":v(()=>[u(_.$slots,"page-top",{},void 0,!0)]),"page-bottom":v(()=>[u(_.$slots,"page-bottom",{},void 0,!0)]),"not-found":v(()=>[u(_.$slots,"not-found",{},void 0,!0)]),"home-hero-before":v(()=>[u(_.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info":v(()=>[u(_.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-image":v(()=>[u(_.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":v(()=>[u(_.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":v(()=>[u(_.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":v(()=>[u(_.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":v(()=>[u(_.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":v(()=>[u(_.$slots,"doc-before",{},void 0,!0)]),"doc-after":v(()=>[u(_.$slots,"doc-after",{},void 0,!0)]),"doc-top":v(()=>[u(_.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":v(()=>[u(_.$slots,"doc-bottom",{},void 0,!0)]),"aside-top":v(()=>[u(_.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":v(()=>[u(_.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":v(()=>[u(_.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[u(_.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[u(_.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[u(_.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),h(Ti),u(_.$slots,"layout-bottom",{},void 0,!0)])):(a(),y(M,{key:1}))}}});const Ni=m(xi,[["__scopeId","data-v-e907f473"]]);const Hi={Layout:Ni,enhanceApp:({app:n})=>{n.component("Badge",pt)}};export{Hi as t};
+  }`)),document.head.appendChild(P),o.value=k,p[k?"add":"remove"]("dark"),window.getComputedStyle(P).opacity,document.head.removeChild(P)}return T}return W(o,c=>{t.value=c}),(c,p)=>(a(),y(ss,{title:"toggle dark mode",class:"VPSwitchAppearance","aria-checked":o.value,onClick:i(s)},{default:v(()=>[h(cs,{class:"sun"}),h(hs,{class:"moon"})]),_:1},8,["aria-checked","onClick"]))}});const Ve=m(fs,[["__scopeId","data-v-fddcca66"]]),ms={key:0,class:"VPNavBarAppearance"},gs=g({__name:"VPNavBarAppearance",setup(n){const{site:e}=S();return(t,o)=>i(e).appearance?(a(),l("div",ms,[h(Ve)])):f("",!0)}});const ys=m(gs,[["__scopeId","data-v-e8bc0235"]]),bs={discord:'Discord',facebook:'Facebook',github:'GitHub',instagram:'Instagram',linkedin:'LinkedIn',mastodon:'Mastodon',slack:'Slack',twitter:'Twitter',youtube:'YouTube'},$s=["href","aria-label","innerHTML"],ks=g({__name:"VPSocialLink",props:{icon:{},link:{},ariaLabel:{}},setup(n){const e=n,t=b(()=>typeof e.icon=="object"?e.icon.svg:bs[e.icon]);return(o,s)=>(a(),l("a",{class:"VPSocialLink",href:o.link,"aria-label":o.ariaLabel??(typeof o.icon=="string"?o.icon:""),target:"_blank",rel:"noopener",innerHTML:t.value},null,8,$s))}});const Ps=m(ks,[["__scopeId","data-v-0a5c7bc7"]]),Vs={class:"VPSocialLinks"},ws=g({__name:"VPSocialLinks",props:{links:{}},setup(n){return(e,t)=>(a(),l("div",Vs,[(a(!0),l(C,null,A(e.links,({link:o,icon:s,ariaLabel:r})=>(a(),y(Ps,{key:o,icon:s,link:o,ariaLabel:r},null,8,["icon","link","ariaLabel"]))),128))]))}});const we=m(ws,[["__scopeId","data-v-b4cfccdd"]]),Ss=g({__name:"VPNavBarSocialLinks",setup(n){const{theme:e}=S();return(t,o)=>i(e).socialLinks?(a(),y(we,{key:0,class:"VPNavBarSocialLinks",links:i(e).socialLinks},null,8,["links"])):f("",!0)}});const Ls=m(Ss,[["__scopeId","data-v-4ec4cb21"]]),Ms={key:0,class:"group translations"},Cs={class:"trans-title"},Bs={key:1,class:"group"},Ts={class:"item appearance"},Is={class:"label"},xs={class:"appearance-action"},Ns={key:2,class:"group"},As={class:"item social-links"},Hs=g({__name:"VPNavBarExtra",setup(n){const{site:e,theme:t}=S(),{localeLinks:o,currentLang:s}=ne({correspondingLink:!0}),r=b(()=>o.value.length&&s.value.label||e.value.appearance||t.value.socialLinks);return(c,p)=>r.value?(a(),y(Pe,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:v(()=>[i(o).length&&i(s).label?(a(),l("div",Ms,[d("p",Cs,V(i(s).label),1),(a(!0),l(C,null,A(i(o),_=>(a(),y(le,{key:_.link,item:_},null,8,["item"]))),128))])):f("",!0),i(e).appearance?(a(),l("div",Bs,[d("div",Ts,[d("p",Is,V(i(t).darkModeSwitchLabel||"Appearance"),1),d("div",xs,[h(Ve)])])])):f("",!0),i(t).socialLinks?(a(),l("div",Ns,[d("div",As,[h(we,{class:"social-links-list",links:i(t).socialLinks},null,8,["links"])])])):f("",!0)]),_:1})):f("",!0)}});const Es=m(Hs,[["__scopeId","data-v-68790131"]]),zs=n=>(E("data-v-e0cfd727"),n=n(),z(),n),Ds=["aria-expanded"],Fs=zs(()=>d("span",{class:"container"},[d("span",{class:"top"}),d("span",{class:"middle"}),d("span",{class:"bottom"})],-1)),Os=[Fs],Gs=g({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(n){return(e,t)=>(a(),l("button",{type:"button",class:B(["VPNavBarHamburger",{active:e.active}]),"aria-label":"mobile navigation","aria-expanded":e.active,"aria-controls":"VPNavScreen",onClick:t[0]||(t[0]=o=>e.$emit("click"))},Os,10,Ds))}});const Rs=m(Gs,[["__scopeId","data-v-e0cfd727"]]),js=n=>(E("data-v-34ce6efc"),n=n(),z(),n),Us={class:"container"},qs={class:"title"},Ws={class:"content"},Ys=js(()=>d("div",{class:"curtain"},null,-1)),Ks={class:"content-body"},Xs=g({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(n){const{y:e}=Re(),{hasSidebar:t}=D(),o=b(()=>({"has-sidebar":t.value,fill:e.value>0}));return(s,r)=>(a(),l("div",{class:B(["VPNavBar",o.value])},[d("div",Us,[d("div",qs,[h(Ft,null,{"nav-bar-title-before":v(()=>[u(s.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[u(s.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3})]),d("div",Ws,[Ys,d("div",Ks,[u(s.$slots,"nav-bar-content-before",{},void 0,!0),h(Yt,{class:"search"}),h(On,{class:"menu"}),h(Qn,{class:"translations"}),h(ys,{class:"appearance"}),h(Ls,{class:"social-links"}),h(Es,{class:"extra"}),u(s.$slots,"nav-bar-content-after",{},void 0,!0),h(Rs,{class:"hamburger",active:s.isScreenOpen,onClick:r[0]||(r[0]=c=>s.$emit("toggle-screen"))},null,8,["active"])])])])],2))}});const Qs=m(Xs,[["__scopeId","data-v-34ce6efc"]]);function Js(n){if(Array.isArray(n)){for(var e=0,t=Array(n.length);e1),q=[],re=!1,Le=-1,X=void 0,R=void 0,Q=void 0,Ke=function(e){return q.some(function(t){return!!(t.options.allowTouchMove&&t.options.allowTouchMove(e))})},ie=function(e){var t=e||window.event;return Ke(t.target)||t.touches.length>1?!0:(t.preventDefault&&t.preventDefault(),!1)},Zs=function(e){if(Q===void 0){var t=!!e&&e.reserveScrollBarGap===!0,o=window.innerWidth-document.documentElement.clientWidth;if(t&&o>0){var s=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);Q=document.body.style.paddingRight,document.body.style.paddingRight=s+o+"px"}}X===void 0&&(X=document.body.style.overflow,document.body.style.overflow="hidden")},eo=function(){Q!==void 0&&(document.body.style.paddingRight=Q,Q=void 0),X!==void 0&&(document.body.style.overflow=X,X=void 0)},to=function(){return window.requestAnimationFrame(function(){if(R===void 0){R={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left};var e=window,t=e.scrollY,o=e.scrollX,s=e.innerHeight;document.body.style.position="fixed",document.body.style.top=-t,document.body.style.left=-o,setTimeout(function(){return window.requestAnimationFrame(function(){var r=s-window.innerHeight;r&&t>=s&&(document.body.style.top=-(t+r))})},300)}})},no=function(){if(R!==void 0){var e=-parseInt(document.body.style.top,10),t=-parseInt(document.body.style.left,10);document.body.style.position=R.position,document.body.style.top=R.top,document.body.style.left=R.left,window.scrollTo(t,e),R=void 0}},so=function(e){return e?e.scrollHeight-e.scrollTop<=e.clientHeight:!1},oo=function(e,t){var o=e.targetTouches[0].clientY-Le;return Ke(e.target)?!1:t&&t.scrollTop===0&&o>0||so(t)&&o<0?ie(e):(e.stopPropagation(),!0)},Xe=function(e,t){if(!e){console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");return}if(!q.some(function(s){return s.targetElement===e})){var o={targetElement:e,options:t||{}};q=[].concat(Js(q),[o]),ae?to():Zs(t),ae&&(e.ontouchstart=function(s){s.targetTouches.length===1&&(Le=s.targetTouches[0].clientY)},e.ontouchmove=function(s){s.targetTouches.length===1&&oo(s,e)},re||(document.addEventListener("touchmove",ie,Se?{passive:!1}:void 0),re=!0))}},Qe=function(){ae&&(q.forEach(function(e){e.targetElement.ontouchstart=null,e.targetElement.ontouchmove=null}),re&&(document.removeEventListener("touchmove",ie,Se?{passive:!1}:void 0),re=!1),Le=-1),ae?no():eo(),q=[]};const ao=g({__name:"VPNavScreenMenuLink",props:{item:{}},setup(n){const e=me("close-screen");return(t,o)=>(a(),y(G,{class:"VPNavScreenMenuLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:i(e)},{default:v(()=>[N(V(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}});const ro=m(ao,[["__scopeId","data-v-518c2a8a"]]),io={},lo={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},co=d("path",{d:"M18.9,10.9h-6v-6c0-0.6-0.4-1-1-1s-1,0.4-1,1v6h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6h6c0.6,0,1-0.4,1-1S19.5,10.9,18.9,10.9z"},null,-1),uo=[co];function _o(n,e){return a(),l("svg",lo,uo)}const vo=m(io,[["render",_o]]),po=g({__name:"VPNavScreenMenuGroupLink",props:{item:{}},setup(n){const e=me("close-screen");return(t,o)=>(a(),y(G,{class:"VPNavScreenMenuGroupLink",href:t.item.link,target:t.item.target,rel:t.item.rel,onClick:i(e)},{default:v(()=>[N(V(t.item.text),1)]),_:1},8,["href","target","rel","onClick"]))}});const Je=m(po,[["__scopeId","data-v-0ee2888b"]]),ho={class:"VPNavScreenMenuGroupSection"},fo={key:0,class:"title"},mo=g({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(n){return(e,t)=>(a(),l("div",ho,[e.text?(a(),l("p",fo,V(e.text),1)):f("",!0),(a(!0),l(C,null,A(e.items,o=>(a(),y(Je,{key:o.text,item:o},null,8,["item"]))),128))]))}});const go=m(mo,[["__scopeId","data-v-e2213234"]]),yo=["aria-controls","aria-expanded"],bo={class:"button-text"},$o=["id"],ko={key:1,class:"group"},Po=g({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(n){const e=n,t=L(!1),o=b(()=>`NavScreenGroup-${e.text.replace(" ","-").toLowerCase()}`);function s(){t.value=!t.value}return(r,c)=>(a(),l("div",{class:B(["VPNavScreenMenuGroup",{open:t.value}])},[d("button",{class:"button","aria-controls":o.value,"aria-expanded":t.value,onClick:s},[d("span",bo,V(r.text),1),h(vo,{class:"button-icon"})],8,yo),d("div",{id:o.value,class:"items"},[(a(!0),l(C,null,A(r.items,p=>(a(),l(C,{key:p.text},["link"in p?(a(),l("div",{key:p.text,class:"item"},[h(Je,{item:p},null,8,["item"])])):(a(),l("div",ko,[h(go,{text:p.text,items:p.items},null,8,["text","items"])]))],64))),128))],8,$o)],2))}});const Vo=m(Po,[["__scopeId","data-v-0d444634"]]),wo={key:0,class:"VPNavScreenMenu"},So=g({__name:"VPNavScreenMenu",setup(n){const{theme:e}=S();return(t,o)=>i(e).nav?(a(),l("nav",wo,[(a(!0),l(C,null,A(i(e).nav,s=>(a(),l(C,{key:s.text},["link"in s?(a(),y(ro,{key:0,item:s},null,8,["item"])):(a(),y(Vo,{key:1,text:s.text||"",items:s.items},null,8,["text","items"]))],64))),128))])):f("",!0)}}),Lo={key:0,class:"VPNavScreenAppearance"},Mo={class:"text"},Co=g({__name:"VPNavScreenAppearance",setup(n){const{site:e,theme:t}=S();return(o,s)=>i(e).appearance?(a(),l("div",Lo,[d("p",Mo,V(i(t).darkModeSwitchLabel||"Appearance"),1),h(Ve)])):f("",!0)}});const Bo=m(Co,[["__scopeId","data-v-b3b15cf8"]]),To={class:"list"},Io=g({__name:"VPNavScreenTranslations",setup(n){const{localeLinks:e,currentLang:t}=ne({correspondingLink:!0}),o=L(!1);function s(){o.value=!o.value}return(r,c)=>i(e).length&&i(t).label?(a(),l("div",{key:0,class:B(["VPNavScreenTranslations",{open:o.value}])},[d("button",{class:"title",onClick:s},[h(Ye,{class:"icon lang"}),N(" "+V(i(t).label)+" ",1),h(We,{class:"icon chevron"})]),d("ul",To,[(a(!0),l(C,null,A(i(e),p=>(a(),l("li",{key:p.link,class:"item"},[h(G,{class:"link",href:p.link},{default:v(()=>[N(V(p.text),1)]),_:2},1032,["href"])]))),128))])],2)):f("",!0)}});const xo=m(Io,[["__scopeId","data-v-8a84adcf"]]),No=g({__name:"VPNavScreenSocialLinks",setup(n){const{theme:e}=S();return(t,o)=>i(e).socialLinks?(a(),y(we,{key:0,class:"VPNavScreenSocialLinks",links:i(e).socialLinks},null,8,["links"])):f("",!0)}}),Ao={class:"container"},Ho=g({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(n){const e=L(null);function t(){Xe(e.value,{reserveScrollBarGap:!0})}function o(){Qe()}return(s,r)=>(a(),y(fe,{name:"fade",onEnter:t,onAfterLeave:o},{default:v(()=>[s.open?(a(),l("div",{key:0,class:"VPNavScreen",ref_key:"screen",ref:e},[d("div",Ao,[u(s.$slots,"nav-screen-content-before",{},void 0,!0),h(So,{class:"menu"}),h(xo,{class:"translations"}),h(Bo,{class:"appearance"}),h(No,{class:"social-links"}),u(s.$slots,"nav-screen-content-after",{},void 0,!0)])],512)):f("",!0)]),_:3}))}});const Eo=m(Ho,[["__scopeId","data-v-ab60487e"]]),zo={class:"VPNav"},Do=g({__name:"VPNav",setup(n){const{isScreenOpen:e,closeScreen:t,toggleScreen:o}=xt();return oe("close-screen",t),(s,r)=>(a(),l("header",zo,[h(Qs,{"is-screen-open":i(e),onToggleScreen:i(o)},{"nav-bar-title-before":v(()=>[u(s.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[u(s.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":v(()=>[u(s.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":v(()=>[u(s.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),h(Eo,{open:i(e)},{"nav-screen-content-before":v(()=>[u(s.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":v(()=>[u(s.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])]))}});const Fo=m(Do,[["__scopeId","data-v-80cc0640"]]);function Oo(){const{hasSidebar:n}=D(),e=de("(min-width: 960px)"),t=de("(min-width: 1280px)");return{isAsideEnabled:b(()=>!t.value&&!e.value?!1:n.value?t.value:e.value)}}const Go=71;function Me(n){return typeof n.outline=="object"&&!Array.isArray(n.outline)&&n.outline.label||n.outlineTitle||"On this page"}function Ce(n){const e=[...document.querySelectorAll(".VPDoc h2,h3,h4,h5,h6")].filter(t=>t.id&&t.hasChildNodes()).map(t=>{const o=Number(t.tagName[1]);return{title:Ro(t),link:"#"+t.id,level:o}});return jo(e,n)}function Ro(n){let e="";for(const t of n.childNodes)if(t.nodeType===1){if(t.classList.contains("VPBadge")||t.classList.contains("header-anchor"))continue;e+=t.textContent}else t.nodeType===3&&(e+=t.textContent);return e.trim()}function jo(n,e){if(e===!1)return[];const t=(typeof e=="object"&&!Array.isArray(e)?e.level:e)||2,[o,s]=typeof t=="number"?[t,t]:t==="deep"?[2,6]:t;n=n.filter(c=>c.level>=o&&c.level<=s);const r=[];e:for(let c=0;c=0;_--){const $=n[_];if($.level{requestAnimationFrame(r),window.addEventListener("scroll",o)}),it(()=>{c(location.hash)}),he(()=>{window.removeEventListener("scroll",o)});function r(){if(!t.value)return;const p=[].slice.call(n.value.querySelectorAll(".outline-link")),_=[].slice.call(document.querySelectorAll(".content .header-anchor")).filter(k=>p.some(P=>P.hash===k.hash&&k.offsetParent!==null)),$=window.scrollY,M=window.innerHeight,T=document.body.offsetHeight,I=Math.abs($+M-T)<1;if(_.length&&I){c(_[_.length-1].hash);return}for(let k=0;k<_.length;k++){const P=_[k],x=_[k+1],[w,H]=qo(k,P,x);if(w){c(H);return}}}function c(p){s&&s.classList.remove("active"),p!==null&&(s=n.value.querySelector(`a[href="${decodeURIComponent(p)}"]`));const _=s;_?(_.classList.add("active"),e.value.style.top=_.offsetTop+33+"px",e.value.style.opacity="1"):(e.value.style.top="33px",e.value.style.opacity="0")}}function He(n){return n.parentElement.offsetTop-Go}function qo(n,e,t){const o=window.scrollY;return n===0&&o===0?[!0,null]:o{const s=j("VPDocOutlineItem",!0);return a(),l("ul",{class:B(t.root?"root":"nested")},[(a(!0),l(C,null,A(t.headers,({children:r,link:c,title:p})=>(a(),l("li",null,[d("a",{class:"outline-link",href:c,onClick:e,title:p},V(p),9,Wo),r!=null&&r.length?(a(),y(s,{key:0,headers:r},null,8,["headers"])):f("",!0)]))),256))],2)}}});const Be=m(Yo,[["__scopeId","data-v-f93c19c5"]]),Ko={},Xo={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Qo=d("path",{d:"M9,19c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l5.3-5.3L8.3,6.7c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l6,6c0.4,0.4,0.4,1,0,1.4l-6,6C9.5,18.9,9.3,19,9,19z"},null,-1),Jo=[Qo];function Zo(n,e){return a(),l("svg",Xo,Jo)}const Te=m(Ko,[["render",Zo]]),ea=g({__name:"VPLocalNavOutlineDropdown",props:{headers:{}},setup(n){const{theme:e}=S(),t=L(!1),o=L(0),s=L();Z(()=>{t.value=!1});function r(){t.value=!t.value,o.value=window.innerHeight+Math.min(window.scrollY-64,0)}function c(_){_.target.classList.contains("outline-link")&&(s.value&&(s.value.style.transition="none"),Oe(()=>{t.value=!1}))}function p(){t.value=!1,window.scrollTo({top:0,left:0,behavior:"smooth"})}return(_,$)=>(a(),l("div",{class:"VPLocalNavOutlineDropdown",style:ze({"--vp-vh":o.value+"px"})},[_.headers.length>0?(a(),l("button",{key:0,onClick:r,class:B({open:t.value})},[N(V(i(Me)(i(e)))+" ",1),h(Te,{class:"icon"})],2)):(a(),l("button",{key:1,onClick:p},V(i(e).returnToTopLabel||"Return to top"),1)),h(fe,{name:"flyout"},{default:v(()=>[t.value?(a(),l("div",{key:0,ref_key:"items",ref:s,class:"items",onClick:c},[d("a",{class:"top-link",href:"#",onClick:p},V(i(e).returnToTopLabel||"Return to top"),1),h(Be,{headers:_.headers},null,8,["headers"])],512)):f("",!0)]),_:1})],4))}});const ta=m(ea,[["__scopeId","data-v-2dd5d8af"]]),na={},sa={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},oa=d("path",{d:"M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z"},null,-1),aa=d("path",{d:"M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z"},null,-1),ra=d("path",{d:"M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z"},null,-1),ia=d("path",{d:"M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z"},null,-1),la=[oa,aa,ra,ia];function ca(n,e){return a(),l("svg",sa,la)}const ua=m(na,[["render",ca]]),da=["aria-expanded"],_a={class:"menu-text"},va=g({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(n){const{theme:e,frontmatter:t}=S(),{hasSidebar:o}=D(),{y:s}=Re(),r=ge([]);Z(()=>{r.value=Ce(t.value.outline??e.value.outline)});const c=b(()=>r.value.length===0&&!o.value),p=b(()=>({VPLocalNav:!0,fixed:c.value,"reached-top":s.value>=64}));return(_,$)=>i(t).layout!=="home"&&(!c.value||i(s)>=64)?(a(),l("div",{key:0,class:B(p.value)},[i(o)?(a(),l("button",{key:0,class:"menu","aria-expanded":_.open,"aria-controls":"VPSidebarNav",onClick:$[0]||($[0]=M=>_.$emit("open-menu"))},[h(ua,{class:"menu-icon"}),d("span",_a,V(i(e).sidebarMenuLabel||"Menu"),1)],8,da)):f("",!0),h(ta,{headers:r.value},null,8,["headers"])],2)):f("",!0)}});const pa=m(va,[["__scopeId","data-v-98b84e02"]]),ha=n=>(E("data-v-d27d34e1"),n=n(),z(),n),fa=["role","tabindex"],ma=ha(()=>d("div",{class:"indicator"},null,-1)),ga={key:1,class:"items"},ya=g({__name:"VPSidebarItem",props:{item:{},depth:{}},setup(n){const e=n,{collapsed:t,collapsible:o,isLink:s,isActiveLink:r,hasActiveLink:c,hasChildren:p,toggle:_}=Lt(b(()=>e.item)),$=b(()=>p.value?"section":"div"),M=b(()=>s.value?"a":"div"),T=b(()=>p.value?e.depth+2===7?"p":`h${e.depth+2}`:"p"),I=b(()=>s.value?void 0:"button"),k=b(()=>[[`level-${e.depth}`],{collapsible:o.value},{collapsed:t.value},{"is-link":s.value},{"is-active":r.value},{"has-active":c.value}]);function P(w){"key"in w&&w.key!=="Enter"||!e.item.link&&_()}function x(){e.item.link&&_()}return(w,H)=>{const K=j("VPSidebarItem",!0);return a(),y(U($.value),{class:B(["VPSidebarItem",k.value])},{default:v(()=>[w.item.text?(a(),l("div",se({key:0,class:"item",role:I.value},lt(w.item.items?{click:P,keydown:P}:{},!0),{tabindex:w.item.items&&0}),[ma,w.item.link?(a(),y(G,{key:0,tag:M.value,class:"link",href:w.item.link},{default:v(()=>[(a(),y(U(T.value),{class:"text",innerHTML:w.item.text},null,8,["innerHTML"]))]),_:1},8,["tag","href"])):(a(),y(U(T.value),{key:1,class:"text",innerHTML:w.item.text},null,8,["innerHTML"])),w.item.collapsed!=null?(a(),l("div",{key:2,class:"caret",role:"button","aria-label":"toggle section",onClick:x,onKeydown:ct(x,["enter"]),tabindex:"0"},[h(Te,{class:"caret-icon"})],32)):f("",!0)],16,fa)):f("",!0),w.item.items&&w.item.items.length?(a(),l("div",ga,[w.depth<5?(a(!0),l(C,{key:0},A(w.item.items,F=>(a(),y(K,{key:F.text,item:F,depth:w.depth+1},null,8,["item","depth"]))),128)):f("",!0)])):f("",!0)]),_:1},8,["class"])}}});const ba=m(ya,[["__scopeId","data-v-d27d34e1"]]),Ze=n=>(E("data-v-a7f01b95"),n=n(),z(),n),$a=Ze(()=>d("div",{class:"curtain"},null,-1)),ka={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},Pa=Ze(()=>d("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),Va=g({__name:"VPSidebar",props:{open:{type:Boolean}},setup(n){const{sidebarGroups:e,hasSidebar:t}=D(),o=n;let s=L(null);function r(){Xe(s.value,{reserveScrollBarGap:!0})}function c(){Qe()}return ut(async()=>{var p;o.open?(r(),(p=s.value)==null||p.focus()):c()}),(p,_)=>i(t)?(a(),l("aside",{key:0,class:B(["VPSidebar",{open:p.open}]),ref_key:"navEl",ref:s,onClick:_[0]||(_[0]=dt(()=>{},["stop"]))},[$a,d("nav",ka,[Pa,u(p.$slots,"sidebar-nav-before",{},void 0,!0),(a(!0),l(C,null,A(i(e),$=>(a(),l("div",{key:$.text,class:"group"},[h(ba,{item:$,depth:0},null,8,["item"])]))),128)),u(p.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):f("",!0)}});const wa=m(Va,[["__scopeId","data-v-a7f01b95"]]),Sa={},La={class:"VPPage"};function Ma(n,e){const t=j("Content");return a(),l("div",La,[u(n.$slots,"page-top"),h(t),u(n.$slots,"page-bottom")])}const Ca=m(Sa,[["render",Ma]]),Ba=g({__name:"VPButton",props:{tag:{},size:{},theme:{},text:{},href:{}},setup(n){const e=n,t=b(()=>[e.size??"medium",e.theme??"brand"]),o=b(()=>e.href&&De.test(e.href)),s=b(()=>e.tag?e.tag:e.href?"a":"button");return(r,c)=>(a(),y(U(s.value),{class:B(["VPButton",t.value]),href:r.href?i(ee)(r.href):void 0,target:o.value?"_blank":void 0,rel:o.value?"noreferrer":void 0},{default:v(()=>[N(V(r.text),1)]),_:1},8,["class","href","target","rel"]))}});const Ta=m(Ba,[["__scopeId","data-v-106c7d62"]]),Ia=n=>(E("data-v-4309396a"),n=n(),z(),n),xa={class:"container"},Na={class:"main"},Aa={key:0,class:"name"},Ha={class:"clip"},Ea={key:1,class:"text"},za={key:2,class:"tagline"},Da={key:0,class:"actions"},Fa={key:0,class:"image"},Oa={class:"image-container"},Ga=Ia(()=>d("div",{class:"image-bg"},null,-1)),Ra=g({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(n){const e=me("hero-image-slot-exists");return(t,o)=>(a(),l("div",{class:B(["VPHero",{"has-image":t.image||i(e)}])},[d("div",xa,[d("div",Na,[u(t.$slots,"home-hero-info",{},()=>[t.name?(a(),l("h1",Aa,[d("span",Ha,V(t.name),1)])):f("",!0),t.text?(a(),l("p",Ea,V(t.text),1)):f("",!0),t.tagline?(a(),l("p",za,V(t.tagline),1)):f("",!0)],!0),t.actions?(a(),l("div",Da,[(a(!0),l(C,null,A(t.actions,s=>(a(),l("div",{key:s.link,class:"action"},[h(Ta,{tag:"a",size:"medium",theme:s.theme,text:s.text,href:s.link},null,8,["theme","text","href"])]))),128))])):f("",!0)]),t.image||i(e)?(a(),l("div",Fa,[d("div",Oa,[Ga,u(t.$slots,"home-hero-image",{},()=>[t.image?(a(),y($e,{key:0,class:"image-src",image:t.image},null,8,["image"])):f("",!0)],!0)])])):f("",!0)])],2))}});const ja=m(Ra,[["__scopeId","data-v-4309396a"]]),Ua=g({__name:"VPHomeHero",setup(n){const{frontmatter:e}=S();return(t,o)=>i(e).hero?(a(),y(ja,{key:0,class:"VPHomeHero",name:i(e).hero.name,text:i(e).hero.text,tagline:i(e).hero.tagline,image:i(e).hero.image,actions:i(e).hero.actions},{"home-hero-info":v(()=>[u(t.$slots,"home-hero-info")]),"home-hero-image":v(()=>[u(t.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):f("",!0)}}),qa={},Wa={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Ya=d("path",{d:"M19.9,12.4c0.1-0.2,0.1-0.5,0-0.8c-0.1-0.1-0.1-0.2-0.2-0.3l-7-7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3H5c-0.6,0-1,0.4-1,1s0.4,1,1,1h11.6l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l7-7C19.8,12.6,19.9,12.5,19.9,12.4z"},null,-1),Ka=[Ya];function Xa(n,e){return a(),l("svg",Wa,Ka)}const Qa=m(qa,[["render",Xa]]),Ja={class:"box"},Za=["innerHTML"],er=["innerHTML"],tr=["innerHTML"],nr={key:3,class:"link-text"},sr={class:"link-text-value"},or=g({__name:"VPFeature",props:{icon:{},title:{},details:{},link:{},linkText:{}},setup(n){return(e,t)=>(a(),y(G,{class:"VPFeature",href:e.link,"no-icon":!0},{default:v(()=>[d("article",Ja,[typeof e.icon=="object"?(a(),y($e,{key:0,image:e.icon,alt:e.icon.alt,height:e.icon.height,width:e.icon.width},null,8,["image","alt","height","width"])):e.icon?(a(),l("div",{key:1,class:"icon",innerHTML:e.icon},null,8,Za)):f("",!0),d("h2",{class:"title",innerHTML:e.title},null,8,er),e.details?(a(),l("p",{key:2,class:"details",innerHTML:e.details},null,8,tr)):f("",!0),e.linkText?(a(),l("div",nr,[d("p",sr,[N(V(e.linkText)+" ",1),h(Qa,{class:"link-text-icon"})])])):f("",!0)])]),_:1},8,["href"]))}});const ar=m(or,[["__scopeId","data-v-f33ba634"]]),rr={key:0,class:"VPFeatures"},ir={class:"container"},lr={class:"items"},cr=g({__name:"VPFeatures",props:{features:{}},setup(n){const e=n,t=b(()=>{const o=e.features.length;if(o){if(o===2)return"grid-2";if(o===3)return"grid-3";if(o%3===0)return"grid-6";if(o>3)return"grid-4"}else return});return(o,s)=>o.features?(a(),l("div",rr,[d("div",ir,[d("div",lr,[(a(!0),l(C,null,A(o.features,r=>(a(),l("div",{key:r.title,class:B(["item",[t.value]])},[h(ar,{icon:r.icon,title:r.title,details:r.details,link:r.link,"link-text":r.linkText},null,8,["icon","title","details","link","link-text"])],2))),128))])])])):f("",!0)}});const ur=m(cr,[["__scopeId","data-v-194e2975"]]),dr=g({__name:"VPHomeFeatures",setup(n){const{frontmatter:e}=S();return(t,o)=>i(e).features?(a(),y(ur,{key:0,class:"VPHomeFeatures",features:i(e).features},null,8,["features"])):f("",!0)}}),_r={class:"VPHome"},vr=g({__name:"VPHome",setup(n){return(e,t)=>{const o=j("Content");return a(),l("div",_r,[u(e.$slots,"home-hero-before",{},void 0,!0),h(Ua,null,{"home-hero-info":v(()=>[u(e.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-image":v(()=>[u(e.$slots,"home-hero-image",{},void 0,!0)]),_:3}),u(e.$slots,"home-hero-after",{},void 0,!0),u(e.$slots,"home-features-before",{},void 0,!0),h(dr),u(e.$slots,"home-features-after",{},void 0,!0),h(o)])}}});const pr=m(vr,[["__scopeId","data-v-26ca3a8b"]]),hr=n=>(E("data-v-cd062bd1"),n=n(),z(),n),fr={class:"content"},mr={class:"outline-title"},gr={"aria-labelledby":"doc-outline-aria-label"},yr=hr(()=>d("span",{class:"visually-hidden",id:"doc-outline-aria-label"}," Table of Contents for current page ",-1)),br=g({__name:"VPDocAsideOutline",setup(n){const{frontmatter:e,theme:t}=S(),o=ge([]);Z(()=>{o.value=Ce(e.value.outline??t.value.outline)});const s=L(),r=L();return Uo(s,r),(c,p)=>(a(),l("div",{class:B(["VPDocAsideOutline",{"has-outline":o.value.length>0}]),ref_key:"container",ref:s},[d("div",fr,[d("div",{class:"outline-marker",ref_key:"marker",ref:r},null,512),d("div",mr,V(i(Me)(i(t))),1),d("nav",gr,[yr,h(Be,{headers:o.value,root:!0},null,8,["headers"])])])],2))}});const $r=m(br,[["__scopeId","data-v-cd062bd1"]]),kr={class:"VPDocAsideCarbonAds"},Pr=g({__name:"VPDocAsideCarbonAds",props:{carbonAds:{}},setup(n){const e=()=>null;return(t,o)=>(a(),l("div",kr,[h(i(e),{"carbon-ads":t.carbonAds},null,8,["carbon-ads"])]))}}),Vr=n=>(E("data-v-d24862a8"),n=n(),z(),n),wr={class:"VPDocAside"},Sr=Vr(()=>d("div",{class:"spacer"},null,-1)),Lr=g({__name:"VPDocAside",setup(n){const{theme:e}=S();return(t,o)=>(a(),l("div",wr,[u(t.$slots,"aside-top",{},void 0,!0),u(t.$slots,"aside-outline-before",{},void 0,!0),h($r),u(t.$slots,"aside-outline-after",{},void 0,!0),Sr,u(t.$slots,"aside-ads-before",{},void 0,!0),i(e).carbonAds?(a(),y(Pr,{key:0,"carbon-ads":i(e).carbonAds},null,8,["carbon-ads"])):f("",!0),u(t.$slots,"aside-ads-after",{},void 0,!0),u(t.$slots,"aside-bottom",{},void 0,!0)]))}});const Mr=m(Lr,[["__scopeId","data-v-d24862a8"]]);function Cr(){const{theme:n,page:e}=S();return b(()=>{const{text:t="Edit this page",pattern:o=""}=n.value.editLink||{};let s;return typeof o=="function"?s=o(e.value):s=o.replace(/:path/g,e.value.filePath),{url:s,text:t}})}function Br(){const{page:n,theme:e,frontmatter:t}=S();return b(()=>{var _,$,M,T,I,k;const o=je(e.value.sidebar,n.value.relativePath),s=wt(o),r=s.findIndex(P=>Y(n.value.relativePath,P.link)),c=((_=e.value.docFooter)==null?void 0:_.prev)===!1&&!t.value.prev||t.value.prev===!1,p=(($=e.value.docFooter)==null?void 0:$.next)===!1&&!t.value.next||t.value.next===!1;return{prev:c?void 0:{text:(typeof t.value.prev=="string"?t.value.prev:typeof t.value.prev=="object"?t.value.prev.text:void 0)??((M=s[r-1])==null?void 0:M.text),link:(typeof t.value.prev=="object"?t.value.prev.link:void 0)??((T=s[r-1])==null?void 0:T.link)},next:p?void 0:{text:(typeof t.value.next=="string"?t.value.next:typeof t.value.next=="object"?t.value.next.text:void 0)??((I=s[r+1])==null?void 0:I.text),link:(typeof t.value.next=="object"?t.value.next.link:void 0)??((k=s[r+1])==null?void 0:k.link)}}})}const Tr={},Ir={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},xr=d("path",{d:"M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"},null,-1),Nr=d("path",{d:"M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"},null,-1),Ar=[xr,Nr];function Hr(n,e){return a(),l("svg",Ir,Ar)}const Er=m(Tr,[["render",Hr]]),zr={class:"VPLastUpdated"},Dr=["datetime"],Fr=g({__name:"VPDocFooterLastUpdated",setup(n){const{theme:e,page:t,lang:o}=S(),s=b(()=>new Date(t.value.lastUpdated)),r=b(()=>s.value.toISOString()),c=L("");return O(()=>{J(()=>{c.value=s.value.toLocaleString(o.value)})}),(p,_)=>(a(),l("p",zr,[N(V(i(e).lastUpdatedText||"Last updated")+": ",1),d("time",{datetime:r.value},V(c.value),9,Dr)]))}});const Or=m(Fr,[["__scopeId","data-v-5eb13478"]]),Gr={key:0,class:"VPDocFooter"},Rr={key:0,class:"edit-info"},jr={key:0,class:"edit-link"},Ur={key:1,class:"last-updated"},qr={key:1,class:"prev-next"},Wr={class:"pager"},Yr=["href"],Kr=["innerHTML"],Xr=["innerHTML"],Qr=["href"],Jr=["innerHTML"],Zr=["innerHTML"],ei=g({__name:"VPDocFooter",setup(n){const{theme:e,page:t,frontmatter:o}=S(),s=Cr(),r=Br(),c=b(()=>e.value.editLink&&o.value.editLink!==!1),p=b(()=>t.value.lastUpdated&&o.value.lastUpdated!==!1),_=b(()=>c.value||p.value||r.value.prev||r.value.next);return($,M)=>{var T,I,k,P,x,w,H;return _.value?(a(),l("footer",Gr,[u($.$slots,"doc-footer-before",{},void 0,!0),c.value||p.value?(a(),l("div",Rr,[c.value?(a(),l("div",jr,[h(G,{class:"edit-link-button",href:i(s).url,"no-icon":!0},{default:v(()=>[h(Er,{class:"edit-link-icon","aria-label":"edit icon"}),N(" "+V(i(s).text),1)]),_:1},8,["href"])])):f("",!0),p.value?(a(),l("div",Ur,[h(Or)])):f("",!0)])):f("",!0),(T=i(r).prev)!=null&&T.link||(I=i(r).next)!=null&&I.link?(a(),l("div",qr,[d("div",Wr,[(k=i(r).prev)!=null&&k.link?(a(),l("a",{key:0,class:"pager-link prev",href:i(ee)(i(r).prev.link)},[d("span",{class:"desc",innerHTML:((P=i(e).docFooter)==null?void 0:P.prev)||"Previous page"},null,8,Kr),d("span",{class:"title",innerHTML:i(r).prev.text},null,8,Xr)],8,Yr)):f("",!0)]),d("div",{class:B(["pager",{"has-prev":(x=i(r).prev)==null?void 0:x.link}])},[(w=i(r).next)!=null&&w.link?(a(),l("a",{key:0,class:"pager-link next",href:i(ee)(i(r).next.link)},[d("span",{class:"desc",innerHTML:((H=i(e).docFooter)==null?void 0:H.next)||"Next page"},null,8,Jr),d("span",{class:"title",innerHTML:i(r).next.text},null,8,Zr)],8,Qr)):f("",!0)],2)])):f("",!0)])):f("",!0)}}});const ti=m(ei,[["__scopeId","data-v-ea80d23f"]]),ni={key:0,class:"VPDocOutlineDropdown"},si={key:0,class:"items"},oi=g({__name:"VPDocOutlineDropdown",setup(n){const{frontmatter:e,theme:t}=S(),o=L(!1);Z(()=>{o.value=!1});const s=ge([]);return Z(()=>{s.value=Ce(e.value.outline??t.value.outline)}),(r,c)=>s.value.length>0?(a(),l("div",ni,[d("button",{onClick:c[0]||(c[0]=p=>o.value=!o.value),class:B({open:o.value})},[N(V(i(Me)(i(t)))+" ",1),h(Te,{class:"icon"})],2),o.value?(a(),l("div",si,[h(Be,{headers:s.value},null,8,["headers"])])):f("",!0)])):f("",!0)}});const ai=m(oi,[["__scopeId","data-v-298a7846"]]),ri=n=>(E("data-v-48d60bd4"),n=n(),z(),n),ii={class:"container"},li=ri(()=>d("div",{class:"aside-curtain"},null,-1)),ci={class:"aside-container"},ui={class:"aside-content"},di={class:"content"},_i={class:"content-container"},vi={class:"main"},pi=g({__name:"VPDoc",setup(n){const e=te(),{hasSidebar:t,hasAside:o,leftAside:s}=D(),r=b(()=>e.path.replace(/[./]+/g,"_").replace(/_html$/,""));return(c,p)=>{const _=j("Content");return a(),l("div",{class:B(["VPDoc",{"has-sidebar":i(t),"has-aside":i(o)}])},[u(c.$slots,"doc-top",{},void 0,!0),d("div",ii,[i(o)?(a(),l("div",{key:0,class:B(["aside",{"left-aside":i(s)}])},[li,d("div",ci,[d("div",ui,[h(Mr,null,{"aside-top":v(()=>[u(c.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":v(()=>[u(c.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":v(()=>[u(c.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[u(c.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[u(c.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[u(c.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])],2)):f("",!0),d("div",di,[d("div",_i,[u(c.$slots,"doc-before",{},void 0,!0),h(ai),d("main",vi,[h(_,{class:B(["vp-doc",r.value])},null,8,["class"])]),h(ti,null,{"doc-footer-before":v(()=>[u(c.$slots,"doc-footer-before",{},void 0,!0)]),_:3}),u(c.$slots,"doc-after",{},void 0,!0)])])]),u(c.$slots,"doc-bottom",{},void 0,!0)],2)}}});const hi=m(pi,[["__scopeId","data-v-48d60bd4"]]),ce=n=>(E("data-v-ac3dcbf9"),n=n(),z(),n),fi={class:"NotFound"},mi=ce(()=>d("p",{class:"code"},"404",-1)),gi=ce(()=>d("h1",{class:"title"},"PAGE NOT FOUND",-1)),yi=ce(()=>d("div",{class:"divider"},null,-1)),bi=ce(()=>d("blockquote",{class:"quote"}," But if you don't change your direction, and if you keep looking, you may end up where you are heading. ",-1)),$i={class:"action"},ki=["href"],Pi=g({__name:"NotFound",setup(n){const{site:e}=S(),{localeLinks:t}=ne({removeCurrent:!1}),o=L("/");return O(()=>{var r;const s=window.location.pathname.replace(e.value.base,"").replace(/(^.*?\/).*$/,"/$1");t.value.length&&(o.value=((r=t.value.find(({link:c})=>c.startsWith(s)))==null?void 0:r.link)||t.value[0].link)}),(s,r)=>(a(),l("div",fi,[mi,gi,yi,bi,d("div",$i,[d("a",{class:"link",href:i(pe)(o.value),"aria-label":"go to home"}," Take me home ",8,ki)])]))}});const Vi=m(Pi,[["__scopeId","data-v-ac3dcbf9"]]),wi=g({__name:"VPContent",setup(n){const{page:e,frontmatter:t}=S(),{hasSidebar:o}=D();return(s,r)=>(a(),l("div",{class:B(["VPContent",{"has-sidebar":i(o),"is-home":i(t).layout==="home"}]),id:"VPContent"},[i(e).isNotFound?u(s.$slots,"not-found",{key:0},()=>[h(Vi)],!0):i(t).layout==="page"?(a(),y(Ca,{key:1},{"page-top":v(()=>[u(s.$slots,"page-top",{},void 0,!0)]),"page-bottom":v(()=>[u(s.$slots,"page-bottom",{},void 0,!0)]),_:3})):i(t).layout==="home"?(a(),y(pr,{key:2},{"home-hero-before":v(()=>[u(s.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info":v(()=>[u(s.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-image":v(()=>[u(s.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":v(()=>[u(s.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":v(()=>[u(s.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":v(()=>[u(s.$slots,"home-features-after",{},void 0,!0)]),_:3})):(a(),y(hi,{key:3},{"doc-top":v(()=>[u(s.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":v(()=>[u(s.$slots,"doc-bottom",{},void 0,!0)]),"doc-footer-before":v(()=>[u(s.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":v(()=>[u(s.$slots,"doc-before",{},void 0,!0)]),"doc-after":v(()=>[u(s.$slots,"doc-after",{},void 0,!0)]),"aside-top":v(()=>[u(s.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":v(()=>[u(s.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[u(s.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[u(s.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[u(s.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":v(()=>[u(s.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}});const Si=m(wi,[["__scopeId","data-v-9c146820"]]),Li={class:"container"},Mi=["innerHTML"],Ci=["innerHTML"],Bi=g({__name:"VPFooter",setup(n){const{theme:e}=S(),{hasSidebar:t}=D();return(o,s)=>i(e).footer?(a(),l("footer",{key:0,class:B(["VPFooter",{"has-sidebar":i(t)}])},[d("div",Li,[i(e).footer.message?(a(),l("p",{key:0,class:"message",innerHTML:i(e).footer.message},null,8,Mi)):f("",!0),i(e).footer.copyright?(a(),l("p",{key:1,class:"copyright",innerHTML:i(e).footer.copyright},null,8,Ci)):f("",!0)])],2)):f("",!0)}});const Ti=m(Bi,[["__scopeId","data-v-3c21851b"]]),Ii={key:0,class:"Layout"},xi=g({__name:"Layout",setup(n){const{isOpen:e,open:t,close:o}=D(),s=te();W(()=>s.path,o),St(e,o),oe("close-sidebar",o),oe("is-sidebar-open",e);const{frontmatter:r}=S(),c=_t(),p=b(()=>!!c["home-hero-image"]);return oe("hero-image-slot-exists",p),(_,$)=>{const M=j("Content");return i(r).layout!==!1?(a(),l("div",Ii,[u(_.$slots,"layout-top",{},void 0,!0),h(Ct),h(It,{class:"backdrop",show:i(e),onClick:i(o)},null,8,["show","onClick"]),h(Fo,null,{"nav-bar-title-before":v(()=>[u(_.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":v(()=>[u(_.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":v(()=>[u(_.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":v(()=>[u(_.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":v(()=>[u(_.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":v(()=>[u(_.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),h(pa,{open:i(e),onOpenMenu:i(t)},null,8,["open","onOpenMenu"]),h(wa,{open:i(e)},{"sidebar-nav-before":v(()=>[u(_.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":v(()=>[u(_.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),h(Si,null,{"page-top":v(()=>[u(_.$slots,"page-top",{},void 0,!0)]),"page-bottom":v(()=>[u(_.$slots,"page-bottom",{},void 0,!0)]),"not-found":v(()=>[u(_.$slots,"not-found",{},void 0,!0)]),"home-hero-before":v(()=>[u(_.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info":v(()=>[u(_.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-image":v(()=>[u(_.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":v(()=>[u(_.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":v(()=>[u(_.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":v(()=>[u(_.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":v(()=>[u(_.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":v(()=>[u(_.$slots,"doc-before",{},void 0,!0)]),"doc-after":v(()=>[u(_.$slots,"doc-after",{},void 0,!0)]),"doc-top":v(()=>[u(_.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":v(()=>[u(_.$slots,"doc-bottom",{},void 0,!0)]),"aside-top":v(()=>[u(_.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":v(()=>[u(_.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":v(()=>[u(_.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":v(()=>[u(_.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":v(()=>[u(_.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":v(()=>[u(_.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),h(Ti),u(_.$slots,"layout-bottom",{},void 0,!0)])):(a(),y(M,{key:1}))}}});const Ni=m(xi,[["__scopeId","data-v-37c2ec2e"]]);const Hi={Layout:Ni,enhanceApp:({app:n})=>{n.component("Badge",pt)}};export{Hi as t};
diff --git a/assets/components_alert.md.10395d16.js b/assets/components_alert.md.b1ca0a8f.js
similarity index 81%
rename from assets/components_alert.md.10395d16.js
rename to assets/components_alert.md.b1ca0a8f.js
index 381ef5a13..0de50b62f 100644
--- a/assets/components_alert.md.10395d16.js
+++ b/assets/components_alert.md.b1ca0a8f.js
@@ -1,14 +1,14 @@
-import{d as b,c as i,C as o,y as s,v as a,M as y,A as F,o as v,a as l,b as p,K as f,L as u,_ as h}from"./chunks/framework.f50263fa.js";import{F as D}from"./chunks/index.d4485e61.js";const e=c=>(f("data-v-b7eba529"),c=c(),u(),c),E=y('

Alert 警告

用于页面中展示重要的提示信息

基本使用

type 属性可以配置不同的主题类型,展示不同的颜色状态

',5),C=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` +import{d as i,c as v,C as o,y as s,v as a,M as y,A as F,o as f,a as l,b as p,K as u,L as h,_ as E}from"./chunks/framework.f50263fa.js";import{F as D}from"./chunks/index.d4485e61.js";const e=c=>(u("data-v-14392a61"),c=c(),h(),c),C=y('

Alert 警告

用于页面中展示重要的提示信息

基本使用

type 属性可以配置不同的主题类型,展示不同的颜色状态

',5),_=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"primary"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"主要提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"success"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"成功提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"danger"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"危险提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"warning"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"警告提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"info"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"信息提示信息"),a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),_=e(()=>a("h2",{id:"不同文字大小",tabindex:"-1"},[l("不同文字大小 "),a("a",{class:"header-anchor",href:"#不同文字大小","aria-label":'Permalink to "不同文字大小"'},"​")],-1)),m=e(()=>a("p",null,[a("code",null,"font-size"),l(" 属性可以配置不同大小的 "),a("code",null,"alert")],-1)),A=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"12"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"info"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"信息提示信息"),a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),m=e(()=>a("h2",{id:"不同文字大小",tabindex:"-1"},[l("不同文字大小 "),a("a",{class:"header-anchor",href:"#不同文字大小","aria-label":'Permalink to "不同文字大小"'},"​")],-1)),A=e(()=>a("p",null,[a("code",null,"font-size"),l(" 属性可以配置不同大小的 "),a("code",null,"alert")],-1)),g=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"12"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"14"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"primary"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"主要提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"16"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"success"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"成功提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"20px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"danger"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"危险提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"24px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"warning"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"警告提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"27px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"info"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"信息提示信息"),a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),g=e(()=>a("h2",{id:"是否加粗",tabindex:"-1"},[l("是否加粗 "),a("a",{class:"header-anchor",href:"#是否加粗","aria-label":'Permalink to "是否加粗"'},"​")],-1)),B=e(()=>a("p",null,[l("使用 "),a("code",null,"bold"),l(" 属性可将文字设置为粗体显示")],-1)),k=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"未加粗的默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"27px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"info"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"信息提示信息"),a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),b=e(()=>a("h2",{id:"是否加粗",tabindex:"-1"},[l("是否加粗 "),a("a",{class:"header-anchor",href:"#是否加粗","aria-label":'Permalink to "是否加粗"'},"​")],-1)),B=e(()=>a("p",null,[l("使用 "),a("code",null,"bold"),l(" 属性可将文字设置为粗体显示")],-1)),k=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"未加粗的默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"primary"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"bold"),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"加粗的主要提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"success"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"bold"),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"加粗的成功提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"danger"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"bold"),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"加粗的危险提示信息"),a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),x=e(()=>a("h2",{id:"是否居中",tabindex:"-1"},[l("是否居中 "),a("a",{class:"header-anchor",href:"#是否居中","aria-label":'Permalink to "是否居中"'},"​")],-1)),P=e(()=>a("p",null,[l("使用 "),a("code",null,"center"),l(" 属性可将文本显示中间")],-1)),I=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"未居中的默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` @@ -46,4 +46,4 @@ import{d as b,c as i,C as o,y as s,v as a,M as y,A as F,o as v,a as l,b as p,K a `),a("span",{class:"line"}),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"script"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"lang"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"ts"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"setup"),a("span",{style:{color:"#89DDFF"}},">")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"{"),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#BABED8"}},"FIconFaceSmile"),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#89DDFF"}},"}"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"from"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"'"),a("span",{style:{color:"#C3E88D"}},"@fighting-design/fighting-icon"),a("span",{style:{color:"#89DDFF"}},"'")]),l(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),Y=y('

Attributes

参数说明类型可选值默认值
type类型FightingTypedefault primary success danger warning infodefault
font-size副标题文字大小string / number————
title-size主标题文字大小string / number————
bold文字是否以粗体显示boolean——false
center是否居中boolean——false
close可关闭boolean——false
simple简约模式boolean——false
title标题string————
round显示为圆角boolean——false
background背景颜色string————
color副标题字体颜色string————
title-color主标题字体颜色string————
fixed是否固定定位boolean——false
alert-list滚动列表array (string[])————
duration滚动列表滚动时间间隔number————
before-icon自定义前缀 iconFightingIcon————
close-icon自定义关闭 iconFightingIcon————
on-close点击关闭之后执行的回调HandleMouse————

Slots

名称说明
default自定义副标题的内容
title自定义主标题的内容
closeIcon自定义关闭 icon
beforeIcon自定义前缀 icon

Interface

组件导出以下类型定义:

ts
import type { AlertInstance, AlertProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--alert-border-radius圆角大小
--alert-color文字颜色
--alert-background背景色

Contributors

',11),Z={href:"https://github.com/Tyh2001",target:"_blank"},$={href:"https://github.com/jardeng",target:"_blank"},aa={href:"https://github.com/HeHasGun",target:"_blank"},la={href:"https://github.com/long-life233",target:"_blank"},sa={href:"https://github.com/w2xi",target:"_blank"},pa=JSON.parse('{"title":"Alert 警告","description":"","frontmatter":{},"headers":[],"relativePath":"components/alert.md","filePath":"components/alert.md","lastUpdated":1718072214000}'),oa={name:"components/alert.md"},ta=b({...oa,setup(c){const d=["把大象放进冰箱需要几步?","第一步:打开冰箱门","第二步:把大象装进去","第三步:关好冰箱门"];return(ea,na)=>{const t=F("f-alert"),n=F("vp-demo"),r=F("f-avatar");return v(),i("div",null,[E,o(n,{source:""},{source:s(()=>[o(t,{type:"default"},{default:s(()=>[l("默认提示信息")]),_:1}),o(t,{type:"primary"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger"},{default:s(()=>[l("危险提示信息")]),_:1}),o(t,{type:"warning"},{default:s(()=>[l("警告提示信息")]),_:1}),o(t,{type:"info"},{default:s(()=>[l("信息提示信息")]),_:1})]),default:s(()=>[C]),_:1}),_,m,o(n,{source:""},{source:s(()=>[o(t,{"font-size":12,type:"default"},{default:s(()=>[l("默认提示信息")]),_:1}),o(t,{"font-size":14,type:"primary"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{"font-size":16,type:"success"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{"font-size":"20px",type:"danger"},{default:s(()=>[l("危险提示信息")]),_:1}),o(t,{"font-size":"24px",type:"warning"},{default:s(()=>[l("警告提示信息")]),_:1}),o(t,{"font-size":"27px",type:"info"},{default:s(()=>[l("信息提示信息")]),_:1})]),default:s(()=>[A]),_:1}),g,B,o(n,{source:""},{source:s(()=>[o(t,{type:"default"},{default:s(()=>[l("未加粗的默认提示信息")]),_:1}),o(t,{type:"primary",bold:""},{default:s(()=>[l("加粗的主要提示信息")]),_:1}),o(t,{type:"success",bold:""},{default:s(()=>[l("加粗的成功提示信息")]),_:1}),o(t,{type:"danger",bold:""},{default:s(()=>[l("加粗的危险提示信息")]),_:1})]),default:s(()=>[k]),_:1}),x,P,o(n,{source:""},{source:s(()=>[o(t,{type:"default"},{default:s(()=>[l("未居中的默认提示信息")]),_:1}),o(t,{type:"primary",center:""},{default:s(()=>[l("居中的主要提示信息")]),_:1}),o(t,{type:"success",center:""},{default:s(()=>[l("居中的成功提示信息")]),_:1}),o(t,{type:"danger",center:""},{default:s(()=>[l("居中的危险提示信息")]),_:1})]),default:s(()=>[I]),_:1}),z,S,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",close:""},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success",close:""},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger",close:""},{default:s(()=>[l("危险提示信息")]),_:1})]),default:s(()=>[q]),_:1}),w,H,o(n,{source:""},{source:s(()=>[o(t,{simple:"",type:"default"},{default:s(()=>[l("默认提示信息")]),_:1}),o(t,{simple:"",type:"primary"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{simple:"",type:"success"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{simple:"",type:"danger"},{default:s(()=>[l("危险提示信息")]),_:1}),o(t,{simple:"",type:"warning"},{default:s(()=>[l("警告提示信息")]),_:1}),o(t,{simple:"",type:"info"},{default:s(()=>[l("信息提示信息")]),_:1})]),default:s(()=>[N]),_:1}),L,V,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",round:""},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success",round:""},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger",round:""},{default:s(()=>[l("危险提示信息")]),_:1})]),default:s(()=>[T]),_:1}),M,j,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",background:"#58c8de"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success",background:"#e372ff"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger",background:"#e49b33"},{default:s(()=>[l("危险提示信息")]),_:1})]),default:s(()=>[G]),_:1}),J,K,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",title:"Hello~"},{default:s(()=>[l("今天代码写的很愉快!")]),_:1}),o(t,{type:"success",title:"标题"},{default:s(()=>[l("心情很不错")]),_:1})]),default:s(()=>[O]),_:1}),U,Q,o(n,{source:""},{source:s(()=>[o(t,{"alert-list":d,title:"你知道吗?",type:"primary"})]),default:s(()=>[R]),_:1}),W,o(n,{source:""},{source:s(()=>[o(t,{type:"default","before-icon":p(D)},{default:s(()=>[l("默认提示信息")]),_:1},8,["before-icon"]),o(t,{type:"primary","before-icon":p(D)},{default:s(()=>[l("主要提示信息")]),_:1},8,["before-icon"]),o(t,{type:"success","before-icon":p(D)},{default:s(()=>[l("成功提示信息")]),_:1},8,["before-icon"]),o(t,{type:"danger","before-icon":p(D)},{default:s(()=>[l("危险提示信息")]),_:1},8,["before-icon"])]),default:s(()=>[X]),_:1}),Y,a("a",Z,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("a",$,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/19302222?v=4"})]),a("a",aa,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/66313154?v=4"})]),a("a",la,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/77321887?v=4"})]),a("a",sa,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/57785259?v=4"})])])}}});const Da=h(ta,[["__scopeId","data-v-b7eba529"]]);export{pa as __pageData,Da as default}; +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),Y=y('

Attributes

参数说明类型可选值默认值
type类型FightingTypedefault primary success danger warning infodefault
font-size副标题文字大小string / number————
title-size主标题文字大小string / number————
bold文字是否以粗体显示boolean——false
center是否居中boolean——false
close可关闭boolean——false
simple简约模式boolean——false
title标题string————
round显示为圆角boolean——false
background背景颜色string————
color副标题字体颜色string————
title-color主标题字体颜色string————
fixed是否固定定位boolean——false
alert-list滚动列表array (string[])————
duration滚动列表滚动时间间隔number————
before-icon自定义前缀 iconFightingIcon————
close-icon自定义关闭 iconFightingIcon————
on-close点击关闭之后执行的回调HandleMouse————

Slots

名称说明
default自定义副标题的内容
title自定义主标题的内容
closeIcon自定义关闭 icon
beforeIcon自定义前缀 icon

Interface

组件导出以下类型定义:

ts
import type { AlertInstance, AlertProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--alert-border-radius圆角大小
--alert-color文字颜色
--alert-background背景色

Contributors

',11),Z={href:"https://github.com/Tyh2001",target:"_blank"},$={href:"https://github.com/jardeng",target:"_blank"},aa={href:"https://github.com/HeHasGun",target:"_blank"},la={href:"https://github.com/long-life233",target:"_blank"},sa={href:"https://github.com/w2xi",target:"_blank"},pa=JSON.parse('{"title":"Alert 警告","description":"","frontmatter":{},"headers":[],"relativePath":"components/alert.md","filePath":"components/alert.md","lastUpdated":1718162872000}'),oa={name:"components/alert.md"},ta=i({...oa,setup(c){const d=["把大象放进冰箱需要几步?","第一步:打开冰箱门","第二步:把大象装进去","第三步:关好冰箱门"];return(ea,na)=>{const t=F("f-alert"),n=F("vp-demo"),r=F("f-avatar");return f(),v("div",null,[C,o(n,{source:""},{source:s(()=>[o(t,{type:"default"},{default:s(()=>[l("默认提示信息")]),_:1}),o(t,{type:"primary"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger"},{default:s(()=>[l("危险提示信息")]),_:1}),o(t,{type:"warning"},{default:s(()=>[l("警告提示信息")]),_:1}),o(t,{type:"info"},{default:s(()=>[l("信息提示信息")]),_:1})]),default:s(()=>[_]),_:1}),m,A,o(n,{source:""},{source:s(()=>[o(t,{"font-size":12,type:"default"},{default:s(()=>[l("默认提示信息")]),_:1}),o(t,{"font-size":14,type:"primary"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{"font-size":16,type:"success"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{"font-size":"20px",type:"danger"},{default:s(()=>[l("危险提示信息")]),_:1}),o(t,{"font-size":"24px",type:"warning"},{default:s(()=>[l("警告提示信息")]),_:1}),o(t,{"font-size":"27px",type:"info"},{default:s(()=>[l("信息提示信息")]),_:1})]),default:s(()=>[g]),_:1}),b,B,o(n,{source:""},{source:s(()=>[o(t,{type:"default"},{default:s(()=>[l("未加粗的默认提示信息")]),_:1}),o(t,{type:"primary",bold:""},{default:s(()=>[l("加粗的主要提示信息")]),_:1}),o(t,{type:"success",bold:""},{default:s(()=>[l("加粗的成功提示信息")]),_:1}),o(t,{type:"danger",bold:""},{default:s(()=>[l("加粗的危险提示信息")]),_:1})]),default:s(()=>[k]),_:1}),x,P,o(n,{source:""},{source:s(()=>[o(t,{type:"default"},{default:s(()=>[l("未居中的默认提示信息")]),_:1}),o(t,{type:"primary",center:""},{default:s(()=>[l("居中的主要提示信息")]),_:1}),o(t,{type:"success",center:""},{default:s(()=>[l("居中的成功提示信息")]),_:1}),o(t,{type:"danger",center:""},{default:s(()=>[l("居中的危险提示信息")]),_:1})]),default:s(()=>[I]),_:1}),z,S,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",close:""},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success",close:""},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger",close:""},{default:s(()=>[l("危险提示信息")]),_:1})]),default:s(()=>[q]),_:1}),w,H,o(n,{source:""},{source:s(()=>[o(t,{simple:"",type:"default"},{default:s(()=>[l("默认提示信息")]),_:1}),o(t,{simple:"",type:"primary"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{simple:"",type:"success"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{simple:"",type:"danger"},{default:s(()=>[l("危险提示信息")]),_:1}),o(t,{simple:"",type:"warning"},{default:s(()=>[l("警告提示信息")]),_:1}),o(t,{simple:"",type:"info"},{default:s(()=>[l("信息提示信息")]),_:1})]),default:s(()=>[N]),_:1}),L,V,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",round:""},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success",round:""},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger",round:""},{default:s(()=>[l("危险提示信息")]),_:1})]),default:s(()=>[T]),_:1}),M,j,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",background:"#58c8de"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success",background:"#e372ff"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger",background:"#e49b33"},{default:s(()=>[l("危险提示信息")]),_:1})]),default:s(()=>[G]),_:1}),J,K,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",title:"Hello~"},{default:s(()=>[l("今天代码写的很愉快!")]),_:1}),o(t,{type:"success",title:"标题"},{default:s(()=>[l("心情很不错")]),_:1})]),default:s(()=>[O]),_:1}),U,Q,o(n,{source:""},{source:s(()=>[o(t,{"alert-list":d,title:"你知道吗?",type:"primary"})]),default:s(()=>[R]),_:1}),W,o(n,{source:""},{source:s(()=>[o(t,{type:"default","before-icon":p(D)},{default:s(()=>[l("默认提示信息")]),_:1},8,["before-icon"]),o(t,{type:"primary","before-icon":p(D)},{default:s(()=>[l("主要提示信息")]),_:1},8,["before-icon"]),o(t,{type:"success","before-icon":p(D)},{default:s(()=>[l("成功提示信息")]),_:1},8,["before-icon"]),o(t,{type:"danger","before-icon":p(D)},{default:s(()=>[l("危险提示信息")]),_:1},8,["before-icon"])]),default:s(()=>[X]),_:1}),Y,a("a",Z,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("a",$,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/19302222?v=4"})]),a("a",aa,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/66313154?v=4"})]),a("a",la,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/77321887?v=4"})]),a("a",sa,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/57785259?v=4"})])])}}});const Da=E(ta,[["__scopeId","data-v-14392a61"]]);export{pa as __pageData,Da as default}; diff --git a/assets/components_alert.md.10395d16.lean.js b/assets/components_alert.md.b1ca0a8f.lean.js similarity index 81% rename from assets/components_alert.md.10395d16.lean.js rename to assets/components_alert.md.b1ca0a8f.lean.js index 381ef5a13..0de50b62f 100644 --- a/assets/components_alert.md.10395d16.lean.js +++ b/assets/components_alert.md.b1ca0a8f.lean.js @@ -1,14 +1,14 @@ -import{d as b,c as i,C as o,y as s,v as a,M as y,A as F,o as v,a as l,b as p,K as f,L as u,_ as h}from"./chunks/framework.f50263fa.js";import{F as D}from"./chunks/index.d4485e61.js";const e=c=>(f("data-v-b7eba529"),c=c(),u(),c),E=y('

Alert 警告

用于页面中展示重要的提示信息

基本使用

type 属性可以配置不同的主题类型,展示不同的颜色状态

',5),C=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` +import{d as i,c as v,C as o,y as s,v as a,M as y,A as F,o as f,a as l,b as p,K as u,L as h,_ as E}from"./chunks/framework.f50263fa.js";import{F as D}from"./chunks/index.d4485e61.js";const e=c=>(u("data-v-14392a61"),c=c(),h(),c),C=y('

Alert 警告

用于页面中展示重要的提示信息

基本使用

type 属性可以配置不同的主题类型,展示不同的颜色状态

',5),_=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"primary"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"主要提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"success"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"成功提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"danger"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"危险提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"warning"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"警告提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"info"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"信息提示信息"),a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),_=e(()=>a("h2",{id:"不同文字大小",tabindex:"-1"},[l("不同文字大小 "),a("a",{class:"header-anchor",href:"#不同文字大小","aria-label":'Permalink to "不同文字大小"'},"​")],-1)),m=e(()=>a("p",null,[a("code",null,"font-size"),l(" 属性可以配置不同大小的 "),a("code",null,"alert")],-1)),A=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"12"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"info"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"信息提示信息"),a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),m=e(()=>a("h2",{id:"不同文字大小",tabindex:"-1"},[l("不同文字大小 "),a("a",{class:"header-anchor",href:"#不同文字大小","aria-label":'Permalink to "不同文字大小"'},"​")],-1)),A=e(()=>a("p",null,[a("code",null,"font-size"),l(" 属性可以配置不同大小的 "),a("code",null,"alert")],-1)),g=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"12"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"14"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"primary"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"主要提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"16"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"success"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"成功提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"20px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"danger"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"危险提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"24px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"warning"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"警告提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"27px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"info"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"信息提示信息"),a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),g=e(()=>a("h2",{id:"是否加粗",tabindex:"-1"},[l("是否加粗 "),a("a",{class:"header-anchor",href:"#是否加粗","aria-label":'Permalink to "是否加粗"'},"​")],-1)),B=e(()=>a("p",null,[l("使用 "),a("code",null,"bold"),l(" 属性可将文字设置为粗体显示")],-1)),k=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"未加粗的默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"27px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"info"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"信息提示信息"),a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),b=e(()=>a("h2",{id:"是否加粗",tabindex:"-1"},[l("是否加粗 "),a("a",{class:"header-anchor",href:"#是否加粗","aria-label":'Permalink to "是否加粗"'},"​")],-1)),B=e(()=>a("p",null,[l("使用 "),a("code",null,"bold"),l(" 属性可将文字设置为粗体显示")],-1)),k=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"未加粗的默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"primary"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"bold"),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"加粗的主要提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"success"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"bold"),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"加粗的成功提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"danger"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"bold"),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"加粗的危险提示信息"),a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),x=e(()=>a("h2",{id:"是否居中",tabindex:"-1"},[l("是否居中 "),a("a",{class:"header-anchor",href:"#是否居中","aria-label":'Permalink to "是否居中"'},"​")],-1)),P=e(()=>a("p",null,[l("使用 "),a("code",null,"center"),l(" 属性可将文本显示中间")],-1)),I=e(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-alert"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"default"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"未居中的默认提示信息"),a("span",{style:{color:"#89DDFF"}},"")]),l(` @@ -46,4 +46,4 @@ import{d as b,c as i,C as o,y as s,v as a,M as y,A as F,o as v,a as l,b as p,K a `),a("span",{class:"line"}),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"script"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"lang"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"ts"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"setup"),a("span",{style:{color:"#89DDFF"}},">")]),l(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"{"),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#BABED8"}},"FIconFaceSmile"),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#89DDFF"}},"}"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"from"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"'"),a("span",{style:{color:"#C3E88D"}},"@fighting-design/fighting-icon"),a("span",{style:{color:"#89DDFF"}},"'")]),l(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),Y=y('

Attributes

参数说明类型可选值默认值
type类型FightingTypedefault primary success danger warning infodefault
font-size副标题文字大小string / number————
title-size主标题文字大小string / number————
bold文字是否以粗体显示boolean——false
center是否居中boolean——false
close可关闭boolean——false
simple简约模式boolean——false
title标题string————
round显示为圆角boolean——false
background背景颜色string————
color副标题字体颜色string————
title-color主标题字体颜色string————
fixed是否固定定位boolean——false
alert-list滚动列表array (string[])————
duration滚动列表滚动时间间隔number————
before-icon自定义前缀 iconFightingIcon————
close-icon自定义关闭 iconFightingIcon————
on-close点击关闭之后执行的回调HandleMouse————

Slots

名称说明
default自定义副标题的内容
title自定义主标题的内容
closeIcon自定义关闭 icon
beforeIcon自定义前缀 icon

Interface

组件导出以下类型定义:

ts
import type { AlertInstance, AlertProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--alert-border-radius圆角大小
--alert-color文字颜色
--alert-background背景色

Contributors

',11),Z={href:"https://github.com/Tyh2001",target:"_blank"},$={href:"https://github.com/jardeng",target:"_blank"},aa={href:"https://github.com/HeHasGun",target:"_blank"},la={href:"https://github.com/long-life233",target:"_blank"},sa={href:"https://github.com/w2xi",target:"_blank"},pa=JSON.parse('{"title":"Alert 警告","description":"","frontmatter":{},"headers":[],"relativePath":"components/alert.md","filePath":"components/alert.md","lastUpdated":1718072214000}'),oa={name:"components/alert.md"},ta=b({...oa,setup(c){const d=["把大象放进冰箱需要几步?","第一步:打开冰箱门","第二步:把大象装进去","第三步:关好冰箱门"];return(ea,na)=>{const t=F("f-alert"),n=F("vp-demo"),r=F("f-avatar");return v(),i("div",null,[E,o(n,{source:""},{source:s(()=>[o(t,{type:"default"},{default:s(()=>[l("默认提示信息")]),_:1}),o(t,{type:"primary"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger"},{default:s(()=>[l("危险提示信息")]),_:1}),o(t,{type:"warning"},{default:s(()=>[l("警告提示信息")]),_:1}),o(t,{type:"info"},{default:s(()=>[l("信息提示信息")]),_:1})]),default:s(()=>[C]),_:1}),_,m,o(n,{source:""},{source:s(()=>[o(t,{"font-size":12,type:"default"},{default:s(()=>[l("默认提示信息")]),_:1}),o(t,{"font-size":14,type:"primary"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{"font-size":16,type:"success"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{"font-size":"20px",type:"danger"},{default:s(()=>[l("危险提示信息")]),_:1}),o(t,{"font-size":"24px",type:"warning"},{default:s(()=>[l("警告提示信息")]),_:1}),o(t,{"font-size":"27px",type:"info"},{default:s(()=>[l("信息提示信息")]),_:1})]),default:s(()=>[A]),_:1}),g,B,o(n,{source:""},{source:s(()=>[o(t,{type:"default"},{default:s(()=>[l("未加粗的默认提示信息")]),_:1}),o(t,{type:"primary",bold:""},{default:s(()=>[l("加粗的主要提示信息")]),_:1}),o(t,{type:"success",bold:""},{default:s(()=>[l("加粗的成功提示信息")]),_:1}),o(t,{type:"danger",bold:""},{default:s(()=>[l("加粗的危险提示信息")]),_:1})]),default:s(()=>[k]),_:1}),x,P,o(n,{source:""},{source:s(()=>[o(t,{type:"default"},{default:s(()=>[l("未居中的默认提示信息")]),_:1}),o(t,{type:"primary",center:""},{default:s(()=>[l("居中的主要提示信息")]),_:1}),o(t,{type:"success",center:""},{default:s(()=>[l("居中的成功提示信息")]),_:1}),o(t,{type:"danger",center:""},{default:s(()=>[l("居中的危险提示信息")]),_:1})]),default:s(()=>[I]),_:1}),z,S,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",close:""},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success",close:""},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger",close:""},{default:s(()=>[l("危险提示信息")]),_:1})]),default:s(()=>[q]),_:1}),w,H,o(n,{source:""},{source:s(()=>[o(t,{simple:"",type:"default"},{default:s(()=>[l("默认提示信息")]),_:1}),o(t,{simple:"",type:"primary"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{simple:"",type:"success"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{simple:"",type:"danger"},{default:s(()=>[l("危险提示信息")]),_:1}),o(t,{simple:"",type:"warning"},{default:s(()=>[l("警告提示信息")]),_:1}),o(t,{simple:"",type:"info"},{default:s(()=>[l("信息提示信息")]),_:1})]),default:s(()=>[N]),_:1}),L,V,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",round:""},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success",round:""},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger",round:""},{default:s(()=>[l("危险提示信息")]),_:1})]),default:s(()=>[T]),_:1}),M,j,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",background:"#58c8de"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success",background:"#e372ff"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger",background:"#e49b33"},{default:s(()=>[l("危险提示信息")]),_:1})]),default:s(()=>[G]),_:1}),J,K,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",title:"Hello~"},{default:s(()=>[l("今天代码写的很愉快!")]),_:1}),o(t,{type:"success",title:"标题"},{default:s(()=>[l("心情很不错")]),_:1})]),default:s(()=>[O]),_:1}),U,Q,o(n,{source:""},{source:s(()=>[o(t,{"alert-list":d,title:"你知道吗?",type:"primary"})]),default:s(()=>[R]),_:1}),W,o(n,{source:""},{source:s(()=>[o(t,{type:"default","before-icon":p(D)},{default:s(()=>[l("默认提示信息")]),_:1},8,["before-icon"]),o(t,{type:"primary","before-icon":p(D)},{default:s(()=>[l("主要提示信息")]),_:1},8,["before-icon"]),o(t,{type:"success","before-icon":p(D)},{default:s(()=>[l("成功提示信息")]),_:1},8,["before-icon"]),o(t,{type:"danger","before-icon":p(D)},{default:s(()=>[l("危险提示信息")]),_:1},8,["before-icon"])]),default:s(()=>[X]),_:1}),Y,a("a",Z,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("a",$,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/19302222?v=4"})]),a("a",aa,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/66313154?v=4"})]),a("a",la,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/77321887?v=4"})]),a("a",sa,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/57785259?v=4"})])])}}});const Da=h(ta,[["__scopeId","data-v-b7eba529"]]);export{pa as __pageData,Da as default}; +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),Y=y('

Attributes

参数说明类型可选值默认值
type类型FightingTypedefault primary success danger warning infodefault
font-size副标题文字大小string / number————
title-size主标题文字大小string / number————
bold文字是否以粗体显示boolean——false
center是否居中boolean——false
close可关闭boolean——false
simple简约模式boolean——false
title标题string————
round显示为圆角boolean——false
background背景颜色string————
color副标题字体颜色string————
title-color主标题字体颜色string————
fixed是否固定定位boolean——false
alert-list滚动列表array (string[])————
duration滚动列表滚动时间间隔number————
before-icon自定义前缀 iconFightingIcon————
close-icon自定义关闭 iconFightingIcon————
on-close点击关闭之后执行的回调HandleMouse————

Slots

名称说明
default自定义副标题的内容
title自定义主标题的内容
closeIcon自定义关闭 icon
beforeIcon自定义前缀 icon

Interface

组件导出以下类型定义:

ts
import type { AlertInstance, AlertProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--alert-border-radius圆角大小
--alert-color文字颜色
--alert-background背景色

Contributors

',11),Z={href:"https://github.com/Tyh2001",target:"_blank"},$={href:"https://github.com/jardeng",target:"_blank"},aa={href:"https://github.com/HeHasGun",target:"_blank"},la={href:"https://github.com/long-life233",target:"_blank"},sa={href:"https://github.com/w2xi",target:"_blank"},pa=JSON.parse('{"title":"Alert 警告","description":"","frontmatter":{},"headers":[],"relativePath":"components/alert.md","filePath":"components/alert.md","lastUpdated":1718162872000}'),oa={name:"components/alert.md"},ta=i({...oa,setup(c){const d=["把大象放进冰箱需要几步?","第一步:打开冰箱门","第二步:把大象装进去","第三步:关好冰箱门"];return(ea,na)=>{const t=F("f-alert"),n=F("vp-demo"),r=F("f-avatar");return f(),v("div",null,[C,o(n,{source:""},{source:s(()=>[o(t,{type:"default"},{default:s(()=>[l("默认提示信息")]),_:1}),o(t,{type:"primary"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger"},{default:s(()=>[l("危险提示信息")]),_:1}),o(t,{type:"warning"},{default:s(()=>[l("警告提示信息")]),_:1}),o(t,{type:"info"},{default:s(()=>[l("信息提示信息")]),_:1})]),default:s(()=>[_]),_:1}),m,A,o(n,{source:""},{source:s(()=>[o(t,{"font-size":12,type:"default"},{default:s(()=>[l("默认提示信息")]),_:1}),o(t,{"font-size":14,type:"primary"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{"font-size":16,type:"success"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{"font-size":"20px",type:"danger"},{default:s(()=>[l("危险提示信息")]),_:1}),o(t,{"font-size":"24px",type:"warning"},{default:s(()=>[l("警告提示信息")]),_:1}),o(t,{"font-size":"27px",type:"info"},{default:s(()=>[l("信息提示信息")]),_:1})]),default:s(()=>[g]),_:1}),b,B,o(n,{source:""},{source:s(()=>[o(t,{type:"default"},{default:s(()=>[l("未加粗的默认提示信息")]),_:1}),o(t,{type:"primary",bold:""},{default:s(()=>[l("加粗的主要提示信息")]),_:1}),o(t,{type:"success",bold:""},{default:s(()=>[l("加粗的成功提示信息")]),_:1}),o(t,{type:"danger",bold:""},{default:s(()=>[l("加粗的危险提示信息")]),_:1})]),default:s(()=>[k]),_:1}),x,P,o(n,{source:""},{source:s(()=>[o(t,{type:"default"},{default:s(()=>[l("未居中的默认提示信息")]),_:1}),o(t,{type:"primary",center:""},{default:s(()=>[l("居中的主要提示信息")]),_:1}),o(t,{type:"success",center:""},{default:s(()=>[l("居中的成功提示信息")]),_:1}),o(t,{type:"danger",center:""},{default:s(()=>[l("居中的危险提示信息")]),_:1})]),default:s(()=>[I]),_:1}),z,S,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",close:""},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success",close:""},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger",close:""},{default:s(()=>[l("危险提示信息")]),_:1})]),default:s(()=>[q]),_:1}),w,H,o(n,{source:""},{source:s(()=>[o(t,{simple:"",type:"default"},{default:s(()=>[l("默认提示信息")]),_:1}),o(t,{simple:"",type:"primary"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{simple:"",type:"success"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{simple:"",type:"danger"},{default:s(()=>[l("危险提示信息")]),_:1}),o(t,{simple:"",type:"warning"},{default:s(()=>[l("警告提示信息")]),_:1}),o(t,{simple:"",type:"info"},{default:s(()=>[l("信息提示信息")]),_:1})]),default:s(()=>[N]),_:1}),L,V,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",round:""},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success",round:""},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger",round:""},{default:s(()=>[l("危险提示信息")]),_:1})]),default:s(()=>[T]),_:1}),M,j,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",background:"#58c8de"},{default:s(()=>[l("主要提示信息")]),_:1}),o(t,{type:"success",background:"#e372ff"},{default:s(()=>[l("成功提示信息")]),_:1}),o(t,{type:"danger",background:"#e49b33"},{default:s(()=>[l("危险提示信息")]),_:1})]),default:s(()=>[G]),_:1}),J,K,o(n,{source:""},{source:s(()=>[o(t,{type:"primary",title:"Hello~"},{default:s(()=>[l("今天代码写的很愉快!")]),_:1}),o(t,{type:"success",title:"标题"},{default:s(()=>[l("心情很不错")]),_:1})]),default:s(()=>[O]),_:1}),U,Q,o(n,{source:""},{source:s(()=>[o(t,{"alert-list":d,title:"你知道吗?",type:"primary"})]),default:s(()=>[R]),_:1}),W,o(n,{source:""},{source:s(()=>[o(t,{type:"default","before-icon":p(D)},{default:s(()=>[l("默认提示信息")]),_:1},8,["before-icon"]),o(t,{type:"primary","before-icon":p(D)},{default:s(()=>[l("主要提示信息")]),_:1},8,["before-icon"]),o(t,{type:"success","before-icon":p(D)},{default:s(()=>[l("成功提示信息")]),_:1},8,["before-icon"]),o(t,{type:"danger","before-icon":p(D)},{default:s(()=>[l("危险提示信息")]),_:1},8,["before-icon"])]),default:s(()=>[X]),_:1}),Y,a("a",Z,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("a",$,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/19302222?v=4"})]),a("a",aa,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/66313154?v=4"})]),a("a",la,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/77321887?v=4"})]),a("a",sa,[o(r,{round:"",src:"https://avatars.githubusercontent.com/u/57785259?v=4"})])])}}});const Da=E(ta,[["__scopeId","data-v-14392a61"]]);export{pa as __pageData,Da as default}; diff --git a/assets/components_avatar-group.md.3d3ea048.js b/assets/components_avatar-group.md.2ab9fd6c.js similarity index 99% rename from assets/components_avatar-group.md.3d3ea048.js rename to assets/components_avatar-group.md.2ab9fd6c.js index 2bbca6ce6..049e97108 100644 --- a/assets/components_avatar-group.md.3d3ea048.js +++ b/assets/components_avatar-group.md.2ab9fd6c.js @@ -1,4 +1,4 @@ -import{_ as p,c as D,C as t,y as l,v as o,M as c,a as s,A as e,o as F}from"./chunks/framework.f50263fa.js";const x=JSON.parse('{"title":"Avatar Group 头像组","description":"","frontmatter":{},"headers":[],"relativePath":"components/avatar-group.md","filePath":"components/avatar-group.md","lastUpdated":1718072214000}'),y={name:"components/avatar-group.md"},d=c('

Avatar Group 头像组

多个头像的集合

基本使用

<f-avatar-group> 组件内部插入 <f-avatar> 组件

',5),i=o("div",{class:"language-html"},[o("button",{title:"Copy Code",class:"copy"}),o("span",{class:"lang"},"html"),o("pre",{class:"shiki material-theme-palenight"},[o("code",null,[o("span",{class:"line"},[o("span",{style:{color:"#89DDFF"}},"<"),o("span",{style:{color:"#F07178"}},"f-avatar-group"),o("span",{style:{color:"#89DDFF"}},">")]),s(` +import{_ as p,c as D,C as t,y as l,v as o,M as c,a as s,A as e,o as F}from"./chunks/framework.f50263fa.js";const x=JSON.parse('{"title":"Avatar Group 头像组","description":"","frontmatter":{},"headers":[],"relativePath":"components/avatar-group.md","filePath":"components/avatar-group.md","lastUpdated":1718162872000}'),y={name:"components/avatar-group.md"},d=c('

Avatar Group 头像组

多个头像的集合

基本使用

<f-avatar-group> 组件内部插入 <f-avatar> 组件

',5),i=o("div",{class:"language-html"},[o("button",{title:"Copy Code",class:"copy"}),o("span",{class:"lang"},"html"),o("pre",{class:"shiki material-theme-palenight"},[o("code",null,[o("span",{class:"line"},[o("span",{style:{color:"#89DDFF"}},"<"),o("span",{style:{color:"#F07178"}},"f-avatar-group"),o("span",{style:{color:"#89DDFF"}},">")]),s(` `),o("span",{class:"line"},[o("span",{style:{color:"#BABED8"}}," "),o("span",{style:{color:"#89DDFF"}},"<"),o("span",{style:{color:"#F07178"}},"f-avatar"),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"text"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"1"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"font-color"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"#fff"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"background"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"orange"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," />")]),s(` `),o("span",{class:"line"},[o("span",{style:{color:"#BABED8"}}," "),o("span",{style:{color:"#89DDFF"}},"<"),o("span",{style:{color:"#F07178"}},"f-avatar"),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"text"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"2"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"font-color"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"#fff"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"background"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"blue"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," />")]),s(` `),o("span",{class:"line"},[o("span",{style:{color:"#BABED8"}}," "),o("span",{style:{color:"#89DDFF"}},"<"),o("span",{style:{color:"#F07178"}},"f-avatar"),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"text"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"3"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"font-color"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"#fff"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"background"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"skyblue"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," />")]),s(` diff --git a/assets/components_avatar-group.md.3d3ea048.lean.js b/assets/components_avatar-group.md.2ab9fd6c.lean.js similarity index 99% rename from assets/components_avatar-group.md.3d3ea048.lean.js rename to assets/components_avatar-group.md.2ab9fd6c.lean.js index 452966e80..0ef3fd4ce 100644 --- a/assets/components_avatar-group.md.3d3ea048.lean.js +++ b/assets/components_avatar-group.md.2ab9fd6c.lean.js @@ -1,4 +1,4 @@ -import{_ as p,c as D,C as t,y as l,v as o,M as c,a as s,A as e,o as F}from"./chunks/framework.f50263fa.js";const x=JSON.parse('{"title":"Avatar Group 头像组","description":"","frontmatter":{},"headers":[],"relativePath":"components/avatar-group.md","filePath":"components/avatar-group.md","lastUpdated":1718072214000}'),y={name:"components/avatar-group.md"},d=c("",5),i=o("div",{class:"language-html"},[o("button",{title:"Copy Code",class:"copy"}),o("span",{class:"lang"},"html"),o("pre",{class:"shiki material-theme-palenight"},[o("code",null,[o("span",{class:"line"},[o("span",{style:{color:"#89DDFF"}},"<"),o("span",{style:{color:"#F07178"}},"f-avatar-group"),o("span",{style:{color:"#89DDFF"}},">")]),s(` +import{_ as p,c as D,C as t,y as l,v as o,M as c,a as s,A as e,o as F}from"./chunks/framework.f50263fa.js";const x=JSON.parse('{"title":"Avatar Group 头像组","description":"","frontmatter":{},"headers":[],"relativePath":"components/avatar-group.md","filePath":"components/avatar-group.md","lastUpdated":1718162872000}'),y={name:"components/avatar-group.md"},d=c("",5),i=o("div",{class:"language-html"},[o("button",{title:"Copy Code",class:"copy"}),o("span",{class:"lang"},"html"),o("pre",{class:"shiki material-theme-palenight"},[o("code",null,[o("span",{class:"line"},[o("span",{style:{color:"#89DDFF"}},"<"),o("span",{style:{color:"#F07178"}},"f-avatar-group"),o("span",{style:{color:"#89DDFF"}},">")]),s(` `),o("span",{class:"line"},[o("span",{style:{color:"#BABED8"}}," "),o("span",{style:{color:"#89DDFF"}},"<"),o("span",{style:{color:"#F07178"}},"f-avatar"),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"text"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"1"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"font-color"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"#fff"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"background"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"orange"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," />")]),s(` `),o("span",{class:"line"},[o("span",{style:{color:"#BABED8"}}," "),o("span",{style:{color:"#89DDFF"}},"<"),o("span",{style:{color:"#F07178"}},"f-avatar"),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"text"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"2"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"font-color"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"#fff"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"background"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"blue"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," />")]),s(` `),o("span",{class:"line"},[o("span",{style:{color:"#BABED8"}}," "),o("span",{style:{color:"#89DDFF"}},"<"),o("span",{style:{color:"#F07178"}},"f-avatar"),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"text"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"3"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"font-color"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"#fff"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," "),o("span",{style:{color:"#C792EA"}},"background"),o("span",{style:{color:"#89DDFF"}},"="),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#C3E88D"}},"skyblue"),o("span",{style:{color:"#89DDFF"}},'"'),o("span",{style:{color:"#89DDFF"}}," />")]),s(` diff --git a/assets/components_avatar.md.7becb0e7.js b/assets/components_avatar.md.2b67e45d.js similarity index 65% rename from assets/components_avatar.md.7becb0e7.js rename to assets/components_avatar.md.2b67e45d.js index 5fe191b34..db04174ac 100644 --- a/assets/components_avatar.md.7becb0e7.js +++ b/assets/components_avatar.md.2b67e45d.js @@ -1,30 +1,30 @@ -import{_ as f,A as d,o as v,x as _,y as o,v as a,C as s,K as h,L as u,d as b,c as E,M as F,b as D,a as t}from"./chunks/framework.f50263fa.js";import{F as C}from"./chunks/index.70f684d9.js";import{F as A}from"./chunks/index.d4485e61.js";const B={},p=e=>(h("data-v-57a98fd4"),e=e(),u(),e),k={class:"avatar-block"},x=p(()=>a("code",null,"fill",-1)),z={class:"avatar-block"},S=p(()=>a("code",null,"contain",-1)),q={class:"avatar-block"},I=p(()=>a("code",null,"cover",-1)),P={class:"avatar-block"},w=p(()=>a("code",null,"none",-1)),j={class:"avatar-block"},N=p(()=>a("code",null,"scale-down",-1));function $(e,y){const r=d("f-avatar"),i=d("f-space");return v(),_(i,{spacing:"mini"},{default:o(()=>[a("div",k,[x,s(r,{fit:"fill",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",z,[S,s(r,{fit:"contain",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",q,[I,s(r,{fit:"cover",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",P,[w,s(r,{fit:"none",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",j,[N,s(r,{fit:"scale-down",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})])]),_:1})}const U=f(B,[["render",$],["__scopeId","data-v-57a98fd4"]]),c=e=>(h("data-v-f26cc383"),e=e(),u(),e),L=F('

Avatar 头像

用户的头像展示

基本使用

使用 src 属性设置图片的路径

round 属性可以配置圆角头像

',6),V=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"round"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")])])])],-1)),T=c(()=>a("h2",{id:"使用本地图片",tabindex:"-1"},[t("使用本地图片 "),a("a",{class:"header-anchor",href:"#使用本地图片","aria-label":'Permalink to "使用本地图片"'},"​")],-1)),H=c(()=>a("p",null,[t("如需要使用本地图片,需要使用 "),a("a",{href:"https://cn.vitejs.dev/guide/assets.html#new-url-url-import-meta-url",target:"_blank",rel:"noreferrer"},[t("new URL(url, i"),a("wbr"),t("mport.meta.url)")]),t(" 手动导入图片资源使用:")],-1)),R=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"template"),a("span",{style:{color:"#89DDFF"}},">")]),t(` +import{_ as v,A as d,o as h,x as _,y as o,v as a,C as s,K as u,L as m,d as b,c as E,M as F,b as D,a as t}from"./chunks/framework.f50263fa.js";import{F as C}from"./chunks/index.70f684d9.js";import{F as A}from"./chunks/index.d4485e61.js";const B={},p=n=>(u("data-v-57a98fd4"),n=n(),m(),n),k={class:"avatar-block"},x=p(()=>a("code",null,"fill",-1)),z={class:"avatar-block"},S=p(()=>a("code",null,"contain",-1)),q={class:"avatar-block"},I=p(()=>a("code",null,"cover",-1)),P={class:"avatar-block"},w=p(()=>a("code",null,"none",-1)),j={class:"avatar-block"},N=p(()=>a("code",null,"scale-down",-1));function $(n,y){const r=d("f-avatar"),i=d("f-space");return h(),_(i,{spacing:"mini"},{default:o(()=>[a("div",k,[x,s(r,{fit:"fill",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",z,[S,s(r,{fit:"contain",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",q,[I,s(r,{fit:"cover",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",P,[w,s(r,{fit:"none",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",j,[N,s(r,{fit:"scale-down",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})])]),_:1})}const U=v(B,[["render",$],["__scopeId","data-v-57a98fd4"]]),l=n=>(u("data-v-84700199"),n=n(),m(),n),L=F('

Avatar 头像

用户的头像展示

基本使用

使用 src 属性设置图片的路径

round 属性可以配置圆角头像

',6),V=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"round"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")])])])],-1)),T=l(()=>a("h2",{id:"使用本地图片",tabindex:"-1"},[t("使用本地图片 "),a("a",{class:"header-anchor",href:"#使用本地图片","aria-label":'Permalink to "使用本地图片"'},"​")],-1)),H=l(()=>a("p",null,[t("如需要使用本地图片,需要使用 "),a("a",{href:"https://cn.vitejs.dev/guide/assets.html#new-url-url-import-meta-url",target:"_blank",rel:"noreferrer"},[t("new URL(url, i"),a("wbr"),t("mport.meta.url)")]),t(" 手动导入图片资源使用:")],-1)),R=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"template"),a("span",{style:{color:"#89DDFF"}},">")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"url"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")]),t(` `),a("span",{class:"line"}),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"script"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"lang"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"ts"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"setup"),a("span",{style:{color:"#89DDFF"}},">")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#C792EA"}},"const"),a("span",{style:{color:"#BABED8"}}," url "),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"new"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#82AAFF"}},"URL"),a("span",{style:{color:"#BABED8"}},"("),a("span",{style:{color:"#89DDFF"}},"'"),a("span",{style:{color:"#C3E88D"}},"./image/1.jpg"),a("span",{style:{color:"#89DDFF"}},"'"),a("span",{style:{color:"#89DDFF"}},","),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),a("span",{style:{color:"#89DDFF"}},"."),a("span",{style:{color:"#BABED8"}},"meta"),a("span",{style:{color:"#89DDFF"}},"."),a("span",{style:{color:"#BABED8"}},"url)"),a("span",{style:{color:"#89DDFF"}},"."),a("span",{style:{color:"#BABED8"}},"href")]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),W=c(()=>a("h2",{id:"适应容器的方式",tabindex:"-1"},[t("适应容器的方式 "),a("a",{class:"header-anchor",href:"#适应容器的方式","aria-label":'Permalink to "适应容器的方式"'},"​")],-1)),M=c(()=>a("p",null,[a("code",null,"fit"),t(" 属性可以配置头像不同适应容器的方式,详见原生 "),a("a",{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit#try_it",target:"_blank",rel:"noreferrer"},"object-fit"),t(" 属性")],-1)),J=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"fill"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),W=l(()=>a("h2",{id:"适应容器的方式",tabindex:"-1"},[t("适应容器的方式 "),a("a",{class:"header-anchor",href:"#适应容器的方式","aria-label":'Permalink to "适应容器的方式"'},"​")],-1)),M=l(()=>a("p",null,[a("code",null,"fit"),t(" 属性可以配置头像不同适应容器的方式,详见原生 "),a("a",{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit#try_it",target:"_blank",rel:"noreferrer"},"object-fit"),t(" 属性")],-1)),J=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"fill"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"contain"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"cover"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"none"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"scale-down"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")])])])],-1)),K=c(()=>a("h2",{id:"不同大小",tabindex:"-1"},[t("不同大小 "),a("a",{class:"header-anchor",href:"#不同大小","aria-label":'Permalink to "不同大小"'},"​")],-1)),O=c(()=>a("p",null,[a("code",null,"size"),t(" 属性可以配置不同大小的头像,也可以传入指定的数字,会自动转换为 "),a("code",null,"px")],-1)),G=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"85"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"scale-down"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")])])])],-1)),K=l(()=>a("h2",{id:"不同大小",tabindex:"-1"},[t("不同大小 "),a("a",{class:"header-anchor",href:"#不同大小","aria-label":'Permalink to "不同大小"'},"​")],-1)),O=l(()=>a("p",null,[a("code",null,"size"),t(" 属性可以配置不同大小的头像,也可以传入指定的数字,会自动转换为 "),a("code",null,"px")],-1)),G=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"85"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"large"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"middle"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"small"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"mini"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")])])])],-1)),Q=F('

图标头像

icon 属性可以配置带有 icon 的图标头像

background 属性可以配置背景色,font-color 属性可以自定义图标颜色

font-size可以配置图标大小,后面必须要加入单位

',4),X=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"template"),a("span",{style:{color:"#89DDFF"}},">")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"mini"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")])])])],-1)),Q=F('

图标头像

icon 属性可以配置带有 icon 的图标头像

background 属性可以配置背景色,font-color 属性可以自定义图标颜色

font-size可以配置图标大小,后面必须要加入单位

',4),X=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"template"),a("span",{style:{color:"#89DDFF"}},">")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":icon"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"FIconFaceSmile"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"30"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"background"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"skyblue"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"background"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"orange"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"font-color"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"#fff"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":icon"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"FIconBug"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"30"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")]),t(` `),a("span",{class:"line"}),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"script"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"lang"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"ts"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"setup"),a("span",{style:{color:"#89DDFF"}},">")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"{"),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#BABED8"}},"FIconFaceSmile"),a("span",{style:{color:"#89DDFF"}},","),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#BABED8"}},"FIconBug"),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#89DDFF"}},"}"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"from"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"'"),a("span",{style:{color:"#C3E88D"}},"@fighting-design/fighting-icon"),a("span",{style:{color:"#89DDFF"}},"'")]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),Y=c(()=>a("h2",{id:"懒加载",tabindex:"-1"},[t("懒加载 "),a("a",{class:"header-anchor",href:"#懒加载","aria-label":'Permalink to "懒加载"'},"​")],-1)),Z=c(()=>a("p",null,[a("code",null,"lazy"),t(" 属性可以设置图片懒加载,详情可参考 "),a("code",null,"DevTools"),t(" 的 "),a("code",null,"Network")],-1)),aa=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),Y=l(()=>a("h2",{id:"懒加载",tabindex:"-1"},[t("懒加载 "),a("a",{class:"header-anchor",href:"#懒加载","aria-label":'Permalink to "懒加载"'},"​")],-1)),Z=l(()=>a("p",null,[a("code",null,"lazy"),t(" 属性可以设置图片懒加载,详情可参考 "),a("code",null,"DevTools"),t(" 的 "),a("code",null,"Network")],-1)),aa=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"width"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"200px"),a("span",{style:{color:"#89DDFF"}},'"')]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"lazy")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://github.githubassets.com/images/modules/profile/achievements/yolo-default.png"),a("span",{style:{color:"#89DDFF"}},'"')]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"/>")])])])],-1)),ta=c(()=>a("h2",{id:"加载失败",tabindex:"-1"},[t("加载失败 "),a("a",{class:"header-anchor",href:"#加载失败","aria-label":'Permalink to "加载失败"'},"​")],-1)),sa=c(()=>a("p",null,[t("默认加载失败会显示 "),a("code",null,"加载失败"),t(",当然你也可以使用 "),a("code",null,"alt"),t(" 属性自定义加载失败的提示文字")],-1)),oa=c(()=>a("p",null,[t("或者使用 "),a("code",null,"error"),t(" 插槽展示")],-1)),ca=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://123.cn/images/auto/my.jpg"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"/>")])])])],-1)),ta=l(()=>a("h2",{id:"加载失败",tabindex:"-1"},[t("加载失败 "),a("a",{class:"header-anchor",href:"#加载失败","aria-label":'Permalink to "加载失败"'},"​")],-1)),sa=l(()=>a("p",null,[t("默认加载失败会显示 "),a("code",null,"加载失败"),t(",当然你也可以使用 "),a("code",null,"alt"),t(" 属性自定义加载失败的提示文字")],-1)),oa=l(()=>a("p",null,[t("或者使用 "),a("code",null,"error"),t(" 插槽展示")],-1)),la=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://123.cn/images/auto/my.jpg"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"}),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://123.cn/images/auto/my.jpg"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"alt"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"Err"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"}),t(` @@ -32,4 +32,4 @@ import{_ as f,A as d,o as v,x as _,y as o,v as a,C as s,K as h,L as u,d as b,c a `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"template"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"v-slot:error"),a("span",{style:{color:"#89DDFF"}},">")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-text"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"danger"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"bold"),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"失败了"),a("span",{style:{color:"#89DDFF"}},"")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"")]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),la=F('

Attributes

参数说明类型可选值默认值
src图片路径string————
err-src加载失败时要显示的地址string————
alt原生 alt 属性string——加载失败
round是否为圆角boolean——false
lazy是否懒加载头像boolean——false
fit如何适应容器,原生 object-fit 属性FightingFitfill contain cover none scale-down——
size图片大小FightingSize / numberlarge middle small minimiddle
background背景色string————
icon图标头像FightingIcon————
font-size字体大小string————
font-color字体的颜色string————
text文字头像string————
root-margin触发懒加载的距离string / number——100px
on-load图片加载成功触发的回调HandleEvent————
on-error图片加载失败触发的回调HandleEvent————

Slots

插槽名称说明说明
error自定义加载失败提示
icon自定义 icon 头像

Interface

组件导出以下类型定义:

ts
import type { AvatarInstance, AvatarProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--avatar-size尺寸

Contributors

',11),ea={href:"https://github.com/Tyh2001",target:"_blank"},Fa=JSON.parse('{"title":"Avatar 头像","description":"","frontmatter":{},"headers":[],"relativePath":"components/avatar.md","filePath":"components/avatar.md","lastUpdated":1718072214000}'),na={name:"components/avatar.md"},ra=b({...na,setup(e){const y=new URL("/assets/1.aa9c3858.jpg",self.location).href;return(r,i)=>{const l=d("f-avatar"),n=d("vp-demo"),m=d("f-text"),g=d("f-space");return v(),E("div",null,[L,s(n,{source:""},{source:o(()=>[s(l,{src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(l,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),default:o(()=>[V]),_:1}),T,H,s(n,{source:""},{source:o(()=>[s(l,{src:D(y)},null,8,["src"])]),default:o(()=>[R]),_:1}),W,M,s(n,{source:""},{source:o(()=>[s(U)]),default:o(()=>[J]),_:1}),K,O,s(n,{source:""},{source:o(()=>[s(l,{size:85,src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(l,{size:"large",src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(l,{size:"middle",src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(l,{size:"small",src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(l,{size:"mini",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),default:o(()=>[G]),_:1}),Q,s(n,{source:""},{source:o(()=>[s(l,{icon:D(A),background:"skyblue","font-size":30},null,8,["icon"]),s(l,{icon:D(C),background:"orange","font-color":"#fff","font-size":30},null,8,["icon"])]),default:o(()=>[X]),_:1}),Y,Z,s(n,{source:""},{source:o(()=>[s(l,{width:"200px",lazy:"",src:"https://github.githubassets.com/images/modules/profile/achievements/yolo-default.png"})]),default:o(()=>[aa]),_:1}),ta,sa,oa,s(n,{source:""},{source:o(()=>[s(g,null,{default:o(()=>[s(l,{src:"https://123.cn/images/auto/my.jpg"}),s(l,{src:"https://123.cn/images/auto/my.jpg",alt:"Err"}),s(l,{src:"https://123.cn/images/auto/my.jpg"},{error:o(()=>[s(m,{type:"danger",bold:""},{default:o(()=>[t("失败了")]),_:1})]),_:1})]),_:1})]),default:o(()=>[ca]),_:1}),la,a("a",ea,[s(l,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})])])}}});const ya=f(ra,[["__scopeId","data-v-f26cc383"]]);export{Fa as __pageData,ya as default}; +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),ea=F('

Attributes

参数说明类型可选值默认值
src图片路径string————
err-src加载失败时要显示的地址string————
alt原生 alt 属性string——加载失败
round是否为圆角boolean——false
lazy是否懒加载头像boolean——false
fit如何适应容器,原生 object-fit 属性FightingFitfill contain cover none scale-down——
size图片大小FightingSize / numberlarge middle small minimiddle
background背景色string————
icon图标头像FightingIcon————
font-size字体大小string————
font-color字体的颜色string————
text文字头像string————
root-margin触发懒加载的距离string / number——100px
on-load图片加载成功触发的回调HandleEvent————
on-error图片加载失败触发的回调HandleEvent————

Slots

插槽名称说明说明
error自定义加载失败提示
icon自定义 icon 头像

Interface

组件导出以下类型定义:

ts
import type { AvatarInstance, AvatarProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--avatar-size尺寸

Contributors

',11),na={href:"https://github.com/Tyh2001",target:"_blank"},Fa=JSON.parse('{"title":"Avatar 头像","description":"","frontmatter":{},"headers":[],"relativePath":"components/avatar.md","filePath":"components/avatar.md","lastUpdated":1718162872000}'),ca={name:"components/avatar.md"},ra=b({...ca,setup(n){const y=new URL("/assets/1.aa9c3858.jpg",self.location).href;return(r,i)=>{const e=d("f-avatar"),c=d("vp-demo"),f=d("f-text"),g=d("f-space");return h(),E("div",null,[L,s(c,{source:""},{source:o(()=>[s(e,{src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(e,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),default:o(()=>[V]),_:1}),T,H,s(c,{source:""},{source:o(()=>[s(e,{src:D(y)},null,8,["src"])]),default:o(()=>[R]),_:1}),W,M,s(c,{source:""},{source:o(()=>[s(U)]),default:o(()=>[J]),_:1}),K,O,s(c,{source:""},{source:o(()=>[s(e,{size:85,src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(e,{size:"large",src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(e,{size:"middle",src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(e,{size:"small",src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(e,{size:"mini",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),default:o(()=>[G]),_:1}),Q,s(c,{source:""},{source:o(()=>[s(e,{icon:D(A),background:"skyblue","font-size":30},null,8,["icon"]),s(e,{icon:D(C),background:"orange","font-color":"#fff","font-size":30},null,8,["icon"])]),default:o(()=>[X]),_:1}),Y,Z,s(c,{source:""},{source:o(()=>[s(e,{width:"200px",lazy:"",src:"https://github.githubassets.com/images/modules/profile/achievements/yolo-default.png"})]),default:o(()=>[aa]),_:1}),ta,sa,oa,s(c,{source:""},{source:o(()=>[s(g,null,{default:o(()=>[s(e,{src:"https://123.cn/images/auto/my.jpg"}),s(e,{src:"https://123.cn/images/auto/my.jpg",alt:"Err"}),s(e,{src:"https://123.cn/images/auto/my.jpg"},{error:o(()=>[s(f,{type:"danger",bold:""},{default:o(()=>[t("失败了")]),_:1})]),_:1})]),_:1})]),default:o(()=>[la]),_:1}),ea,a("a",na,[s(e,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})])])}}});const ya=v(ra,[["__scopeId","data-v-84700199"]]);export{Fa as __pageData,ya as default}; diff --git a/assets/components_avatar.md.7becb0e7.lean.js b/assets/components_avatar.md.2b67e45d.lean.js similarity index 65% rename from assets/components_avatar.md.7becb0e7.lean.js rename to assets/components_avatar.md.2b67e45d.lean.js index 5fe191b34..db04174ac 100644 --- a/assets/components_avatar.md.7becb0e7.lean.js +++ b/assets/components_avatar.md.2b67e45d.lean.js @@ -1,30 +1,30 @@ -import{_ as f,A as d,o as v,x as _,y as o,v as a,C as s,K as h,L as u,d as b,c as E,M as F,b as D,a as t}from"./chunks/framework.f50263fa.js";import{F as C}from"./chunks/index.70f684d9.js";import{F as A}from"./chunks/index.d4485e61.js";const B={},p=e=>(h("data-v-57a98fd4"),e=e(),u(),e),k={class:"avatar-block"},x=p(()=>a("code",null,"fill",-1)),z={class:"avatar-block"},S=p(()=>a("code",null,"contain",-1)),q={class:"avatar-block"},I=p(()=>a("code",null,"cover",-1)),P={class:"avatar-block"},w=p(()=>a("code",null,"none",-1)),j={class:"avatar-block"},N=p(()=>a("code",null,"scale-down",-1));function $(e,y){const r=d("f-avatar"),i=d("f-space");return v(),_(i,{spacing:"mini"},{default:o(()=>[a("div",k,[x,s(r,{fit:"fill",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",z,[S,s(r,{fit:"contain",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",q,[I,s(r,{fit:"cover",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",P,[w,s(r,{fit:"none",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",j,[N,s(r,{fit:"scale-down",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})])]),_:1})}const U=f(B,[["render",$],["__scopeId","data-v-57a98fd4"]]),c=e=>(h("data-v-f26cc383"),e=e(),u(),e),L=F('

Avatar 头像

用户的头像展示

基本使用

使用 src 属性设置图片的路径

round 属性可以配置圆角头像

',6),V=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"round"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")])])])],-1)),T=c(()=>a("h2",{id:"使用本地图片",tabindex:"-1"},[t("使用本地图片 "),a("a",{class:"header-anchor",href:"#使用本地图片","aria-label":'Permalink to "使用本地图片"'},"​")],-1)),H=c(()=>a("p",null,[t("如需要使用本地图片,需要使用 "),a("a",{href:"https://cn.vitejs.dev/guide/assets.html#new-url-url-import-meta-url",target:"_blank",rel:"noreferrer"},[t("new URL(url, i"),a("wbr"),t("mport.meta.url)")]),t(" 手动导入图片资源使用:")],-1)),R=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"template"),a("span",{style:{color:"#89DDFF"}},">")]),t(` +import{_ as v,A as d,o as h,x as _,y as o,v as a,C as s,K as u,L as m,d as b,c as E,M as F,b as D,a as t}from"./chunks/framework.f50263fa.js";import{F as C}from"./chunks/index.70f684d9.js";import{F as A}from"./chunks/index.d4485e61.js";const B={},p=n=>(u("data-v-57a98fd4"),n=n(),m(),n),k={class:"avatar-block"},x=p(()=>a("code",null,"fill",-1)),z={class:"avatar-block"},S=p(()=>a("code",null,"contain",-1)),q={class:"avatar-block"},I=p(()=>a("code",null,"cover",-1)),P={class:"avatar-block"},w=p(()=>a("code",null,"none",-1)),j={class:"avatar-block"},N=p(()=>a("code",null,"scale-down",-1));function $(n,y){const r=d("f-avatar"),i=d("f-space");return h(),_(i,{spacing:"mini"},{default:o(()=>[a("div",k,[x,s(r,{fit:"fill",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",z,[S,s(r,{fit:"contain",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",q,[I,s(r,{fit:"cover",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",P,[w,s(r,{fit:"none",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",j,[N,s(r,{fit:"scale-down",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})])]),_:1})}const U=v(B,[["render",$],["__scopeId","data-v-57a98fd4"]]),l=n=>(u("data-v-84700199"),n=n(),m(),n),L=F('

Avatar 头像

用户的头像展示

基本使用

使用 src 属性设置图片的路径

round 属性可以配置圆角头像

',6),V=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"round"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")])])])],-1)),T=l(()=>a("h2",{id:"使用本地图片",tabindex:"-1"},[t("使用本地图片 "),a("a",{class:"header-anchor",href:"#使用本地图片","aria-label":'Permalink to "使用本地图片"'},"​")],-1)),H=l(()=>a("p",null,[t("如需要使用本地图片,需要使用 "),a("a",{href:"https://cn.vitejs.dev/guide/assets.html#new-url-url-import-meta-url",target:"_blank",rel:"noreferrer"},[t("new URL(url, i"),a("wbr"),t("mport.meta.url)")]),t(" 手动导入图片资源使用:")],-1)),R=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"template"),a("span",{style:{color:"#89DDFF"}},">")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"url"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")]),t(` `),a("span",{class:"line"}),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"script"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"lang"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"ts"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"setup"),a("span",{style:{color:"#89DDFF"}},">")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#C792EA"}},"const"),a("span",{style:{color:"#BABED8"}}," url "),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"new"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#82AAFF"}},"URL"),a("span",{style:{color:"#BABED8"}},"("),a("span",{style:{color:"#89DDFF"}},"'"),a("span",{style:{color:"#C3E88D"}},"./image/1.jpg"),a("span",{style:{color:"#89DDFF"}},"'"),a("span",{style:{color:"#89DDFF"}},","),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),a("span",{style:{color:"#89DDFF"}},"."),a("span",{style:{color:"#BABED8"}},"meta"),a("span",{style:{color:"#89DDFF"}},"."),a("span",{style:{color:"#BABED8"}},"url)"),a("span",{style:{color:"#89DDFF"}},"."),a("span",{style:{color:"#BABED8"}},"href")]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),W=c(()=>a("h2",{id:"适应容器的方式",tabindex:"-1"},[t("适应容器的方式 "),a("a",{class:"header-anchor",href:"#适应容器的方式","aria-label":'Permalink to "适应容器的方式"'},"​")],-1)),M=c(()=>a("p",null,[a("code",null,"fit"),t(" 属性可以配置头像不同适应容器的方式,详见原生 "),a("a",{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit#try_it",target:"_blank",rel:"noreferrer"},"object-fit"),t(" 属性")],-1)),J=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"fill"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),W=l(()=>a("h2",{id:"适应容器的方式",tabindex:"-1"},[t("适应容器的方式 "),a("a",{class:"header-anchor",href:"#适应容器的方式","aria-label":'Permalink to "适应容器的方式"'},"​")],-1)),M=l(()=>a("p",null,[a("code",null,"fit"),t(" 属性可以配置头像不同适应容器的方式,详见原生 "),a("a",{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit#try_it",target:"_blank",rel:"noreferrer"},"object-fit"),t(" 属性")],-1)),J=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"fill"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"contain"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"cover"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"none"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"scale-down"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")])])])],-1)),K=c(()=>a("h2",{id:"不同大小",tabindex:"-1"},[t("不同大小 "),a("a",{class:"header-anchor",href:"#不同大小","aria-label":'Permalink to "不同大小"'},"​")],-1)),O=c(()=>a("p",null,[a("code",null,"size"),t(" 属性可以配置不同大小的头像,也可以传入指定的数字,会自动转换为 "),a("code",null,"px")],-1)),G=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"85"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"fit"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"scale-down"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")])])])],-1)),K=l(()=>a("h2",{id:"不同大小",tabindex:"-1"},[t("不同大小 "),a("a",{class:"header-anchor",href:"#不同大小","aria-label":'Permalink to "不同大小"'},"​")],-1)),O=l(()=>a("p",null,[a("code",null,"size"),t(" 属性可以配置不同大小的头像,也可以传入指定的数字,会自动转换为 "),a("code",null,"px")],-1)),G=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"85"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"large"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"middle"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"small"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"mini"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")])])])],-1)),Q=F('

图标头像

icon 属性可以配置带有 icon 的图标头像

background 属性可以配置背景色,font-color 属性可以自定义图标颜色

font-size可以配置图标大小,后面必须要加入单位

',4),X=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"template"),a("span",{style:{color:"#89DDFF"}},">")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"mini"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://avatars.githubusercontent.com/u/73180970?v=4"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")])])])],-1)),Q=F('

图标头像

icon 属性可以配置带有 icon 的图标头像

background 属性可以配置背景色,font-color 属性可以自定义图标颜色

font-size可以配置图标大小,后面必须要加入单位

',4),X=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"template"),a("span",{style:{color:"#89DDFF"}},">")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":icon"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"FIconFaceSmile"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"30"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"background"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"skyblue"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"background"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"orange"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"font-color"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"#fff"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":icon"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"FIconBug"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":font-size"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"30"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")]),t(` `),a("span",{class:"line"}),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"script"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"lang"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"ts"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"setup"),a("span",{style:{color:"#89DDFF"}},">")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"{"),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#BABED8"}},"FIconFaceSmile"),a("span",{style:{color:"#89DDFF"}},","),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#BABED8"}},"FIconBug"),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#89DDFF"}},"}"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"from"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"'"),a("span",{style:{color:"#C3E88D"}},"@fighting-design/fighting-icon"),a("span",{style:{color:"#89DDFF"}},"'")]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),Y=c(()=>a("h2",{id:"懒加载",tabindex:"-1"},[t("懒加载 "),a("a",{class:"header-anchor",href:"#懒加载","aria-label":'Permalink to "懒加载"'},"​")],-1)),Z=c(()=>a("p",null,[a("code",null,"lazy"),t(" 属性可以设置图片懒加载,详情可参考 "),a("code",null,"DevTools"),t(" 的 "),a("code",null,"Network")],-1)),aa=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),Y=l(()=>a("h2",{id:"懒加载",tabindex:"-1"},[t("懒加载 "),a("a",{class:"header-anchor",href:"#懒加载","aria-label":'Permalink to "懒加载"'},"​")],-1)),Z=l(()=>a("p",null,[a("code",null,"lazy"),t(" 属性可以设置图片懒加载,详情可参考 "),a("code",null,"DevTools"),t(" 的 "),a("code",null,"Network")],-1)),aa=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"width"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"200px"),a("span",{style:{color:"#89DDFF"}},'"')]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"lazy")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://github.githubassets.com/images/modules/profile/achievements/yolo-default.png"),a("span",{style:{color:"#89DDFF"}},'"')]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"/>")])])])],-1)),ta=c(()=>a("h2",{id:"加载失败",tabindex:"-1"},[t("加载失败 "),a("a",{class:"header-anchor",href:"#加载失败","aria-label":'Permalink to "加载失败"'},"​")],-1)),sa=c(()=>a("p",null,[t("默认加载失败会显示 "),a("code",null,"加载失败"),t(",当然你也可以使用 "),a("code",null,"alt"),t(" 属性自定义加载失败的提示文字")],-1)),oa=c(()=>a("p",null,[t("或者使用 "),a("code",null,"error"),t(" 插槽展示")],-1)),ca=c(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://123.cn/images/auto/my.jpg"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"/>")])])])],-1)),ta=l(()=>a("h2",{id:"加载失败",tabindex:"-1"},[t("加载失败 "),a("a",{class:"header-anchor",href:"#加载失败","aria-label":'Permalink to "加载失败"'},"​")],-1)),sa=l(()=>a("p",null,[t("默认加载失败会显示 "),a("code",null,"加载失败"),t(",当然你也可以使用 "),a("code",null,"alt"),t(" 属性自定义加载失败的提示文字")],-1)),oa=l(()=>a("p",null,[t("或者使用 "),a("code",null,"error"),t(" 插槽展示")],-1)),la=l(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://123.cn/images/auto/my.jpg"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"}),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-avatar"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"src"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"https://123.cn/images/auto/my.jpg"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"alt"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"Err"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` `),a("span",{class:"line"}),t(` @@ -32,4 +32,4 @@ import{_ as f,A as d,o as v,x as _,y as o,v as a,C as s,K as h,L as u,d as b,c a `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"template"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"v-slot:error"),a("span",{style:{color:"#89DDFF"}},">")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-text"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"type"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"danger"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"bold"),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"失败了"),a("span",{style:{color:"#89DDFF"}},"")]),t(` `),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"")]),t(` -`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),la=F('

Attributes

参数说明类型可选值默认值
src图片路径string————
err-src加载失败时要显示的地址string————
alt原生 alt 属性string——加载失败
round是否为圆角boolean——false
lazy是否懒加载头像boolean——false
fit如何适应容器,原生 object-fit 属性FightingFitfill contain cover none scale-down——
size图片大小FightingSize / numberlarge middle small minimiddle
background背景色string————
icon图标头像FightingIcon————
font-size字体大小string————
font-color字体的颜色string————
text文字头像string————
root-margin触发懒加载的距离string / number——100px
on-load图片加载成功触发的回调HandleEvent————
on-error图片加载失败触发的回调HandleEvent————

Slots

插槽名称说明说明
error自定义加载失败提示
icon自定义 icon 头像

Interface

组件导出以下类型定义:

ts
import type { AvatarInstance, AvatarProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--avatar-size尺寸

Contributors

',11),ea={href:"https://github.com/Tyh2001",target:"_blank"},Fa=JSON.parse('{"title":"Avatar 头像","description":"","frontmatter":{},"headers":[],"relativePath":"components/avatar.md","filePath":"components/avatar.md","lastUpdated":1718072214000}'),na={name:"components/avatar.md"},ra=b({...na,setup(e){const y=new URL("/assets/1.aa9c3858.jpg",self.location).href;return(r,i)=>{const l=d("f-avatar"),n=d("vp-demo"),m=d("f-text"),g=d("f-space");return v(),E("div",null,[L,s(n,{source:""},{source:o(()=>[s(l,{src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(l,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),default:o(()=>[V]),_:1}),T,H,s(n,{source:""},{source:o(()=>[s(l,{src:D(y)},null,8,["src"])]),default:o(()=>[R]),_:1}),W,M,s(n,{source:""},{source:o(()=>[s(U)]),default:o(()=>[J]),_:1}),K,O,s(n,{source:""},{source:o(()=>[s(l,{size:85,src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(l,{size:"large",src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(l,{size:"middle",src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(l,{size:"small",src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(l,{size:"mini",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),default:o(()=>[G]),_:1}),Q,s(n,{source:""},{source:o(()=>[s(l,{icon:D(A),background:"skyblue","font-size":30},null,8,["icon"]),s(l,{icon:D(C),background:"orange","font-color":"#fff","font-size":30},null,8,["icon"])]),default:o(()=>[X]),_:1}),Y,Z,s(n,{source:""},{source:o(()=>[s(l,{width:"200px",lazy:"",src:"https://github.githubassets.com/images/modules/profile/achievements/yolo-default.png"})]),default:o(()=>[aa]),_:1}),ta,sa,oa,s(n,{source:""},{source:o(()=>[s(g,null,{default:o(()=>[s(l,{src:"https://123.cn/images/auto/my.jpg"}),s(l,{src:"https://123.cn/images/auto/my.jpg",alt:"Err"}),s(l,{src:"https://123.cn/images/auto/my.jpg"},{error:o(()=>[s(m,{type:"danger",bold:""},{default:o(()=>[t("失败了")]),_:1})]),_:1})]),_:1})]),default:o(()=>[ca]),_:1}),la,a("a",ea,[s(l,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})])])}}});const ya=f(ra,[["__scopeId","data-v-f26cc383"]]);export{Fa as __pageData,ya as default}; +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),ea=F('

Attributes

参数说明类型可选值默认值
src图片路径string————
err-src加载失败时要显示的地址string————
alt原生 alt 属性string——加载失败
round是否为圆角boolean——false
lazy是否懒加载头像boolean——false
fit如何适应容器,原生 object-fit 属性FightingFitfill contain cover none scale-down——
size图片大小FightingSize / numberlarge middle small minimiddle
background背景色string————
icon图标头像FightingIcon————
font-size字体大小string————
font-color字体的颜色string————
text文字头像string————
root-margin触发懒加载的距离string / number——100px
on-load图片加载成功触发的回调HandleEvent————
on-error图片加载失败触发的回调HandleEvent————

Slots

插槽名称说明说明
error自定义加载失败提示
icon自定义 icon 头像

Interface

组件导出以下类型定义:

ts
import type { AvatarInstance, AvatarProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--avatar-size尺寸

Contributors

',11),na={href:"https://github.com/Tyh2001",target:"_blank"},Fa=JSON.parse('{"title":"Avatar 头像","description":"","frontmatter":{},"headers":[],"relativePath":"components/avatar.md","filePath":"components/avatar.md","lastUpdated":1718162872000}'),ca={name:"components/avatar.md"},ra=b({...ca,setup(n){const y=new URL("/assets/1.aa9c3858.jpg",self.location).href;return(r,i)=>{const e=d("f-avatar"),c=d("vp-demo"),f=d("f-text"),g=d("f-space");return h(),E("div",null,[L,s(c,{source:""},{source:o(()=>[s(e,{src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(e,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),default:o(()=>[V]),_:1}),T,H,s(c,{source:""},{source:o(()=>[s(e,{src:D(y)},null,8,["src"])]),default:o(()=>[R]),_:1}),W,M,s(c,{source:""},{source:o(()=>[s(U)]),default:o(()=>[J]),_:1}),K,O,s(c,{source:""},{source:o(()=>[s(e,{size:85,src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(e,{size:"large",src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(e,{size:"middle",src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(e,{size:"small",src:"https://avatars.githubusercontent.com/u/73180970?v=4"}),s(e,{size:"mini",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),default:o(()=>[G]),_:1}),Q,s(c,{source:""},{source:o(()=>[s(e,{icon:D(A),background:"skyblue","font-size":30},null,8,["icon"]),s(e,{icon:D(C),background:"orange","font-color":"#fff","font-size":30},null,8,["icon"])]),default:o(()=>[X]),_:1}),Y,Z,s(c,{source:""},{source:o(()=>[s(e,{width:"200px",lazy:"",src:"https://github.githubassets.com/images/modules/profile/achievements/yolo-default.png"})]),default:o(()=>[aa]),_:1}),ta,sa,oa,s(c,{source:""},{source:o(()=>[s(g,null,{default:o(()=>[s(e,{src:"https://123.cn/images/auto/my.jpg"}),s(e,{src:"https://123.cn/images/auto/my.jpg",alt:"Err"}),s(e,{src:"https://123.cn/images/auto/my.jpg"},{error:o(()=>[s(f,{type:"danger",bold:""},{default:o(()=>[t("失败了")]),_:1})]),_:1})]),_:1})]),default:o(()=>[la]),_:1}),ea,a("a",na,[s(e,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})])])}}});const ya=v(ra,[["__scopeId","data-v-84700199"]]);export{Fa as __pageData,ya as default}; diff --git a/assets/components_back-top.md.2672a274.js b/assets/components_back-top.md.2672a274.js new file mode 100644 index 000000000..a2a7d7acb --- /dev/null +++ b/assets/components_back-top.md.2672a274.js @@ -0,0 +1,45 @@ +import{F as v}from"./chunks/index.25127cd1.js";import{F as h}from"./chunks/index.691dfeff.js";import{d as u,c as D,C as o,y as l,v as a,M as y,A as p,o as F,a as t,b,F as B,J as m,K as f,L as g,t as _,_ as k}from"./chunks/framework.f50263fa.js";const s=c=>(f("data-v-87ab6346"),c=c(),g(),c),E=y('

BackTop 返回顶部

可返回网页的顶部

基本使用

BackTop 的基本使用

',5),C=s(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-back-top"),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"返回顶部"),a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),A=s(()=>a("h2",{id:"不同滚动模式",tabindex:"-1"},[t("不同滚动模式 "),a("a",{class:"header-anchor",href:"#不同滚动模式","aria-label":'Permalink to "不同滚动模式"'},"​")],-1)),x=s(()=>a("p",null,[a("code",null,"behavior"),t(" 属性可以配置不同的滚动模式")],-1)),I=s(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-back-top"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"bottom"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"90px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"behavior"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"auto"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"auto 模式"),a("span",{style:{color:"#89DDFF"}},"")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-back-top"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"bottom"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"140px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"behavior"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"smooth"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"smooth 模式"),a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),S=s(()=>a("h2",{id:"圆形的",tabindex:"-1"},[t("圆形的 "),a("a",{class:"header-anchor",href:"#圆形的","aria-label":'Permalink to "圆形的"'},"​")],-1)),q=s(()=>a("p",null,[a("code",null,"round"),t(" 属性可以配置圆形的样式")],-1)),P=s(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-back-top"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"bottom"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"190px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"round"),a("span",{style:{color:"#89DDFF"}},">")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-svg-icon"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":icon"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"FIconSnowflake"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")]),t(` +`),a("span",{class:"line"}),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"script"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"lang"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"ts"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"setup"),a("span",{style:{color:"#89DDFF"}},">")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"{"),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#BABED8"}},"FIconSnowflake"),a("span",{style:{color:"#89DDFF"}},","),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#BABED8"}},"FIconUpload"),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#89DDFF"}},"}"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"from"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"'"),a("span",{style:{color:"#C3E88D"}},"@fighting-design/fighting-icon"),a("span",{style:{color:"#89DDFF"}},"'")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),T=s(()=>a("h2",{id:"自定义样式",tabindex:"-1"},[t("自定义样式 "),a("a",{class:"header-anchor",href:"#自定义样式","aria-label":'Permalink to "自定义样式"'},"​")],-1)),w=s(()=>a("p",null,[t("你也可以自定义 "),a("code",null,"back-top"),t(" 的样式和位置")],-1)),U=s(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-back-top"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"bottom"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"190px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"right"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"100px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"round"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"color"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"red"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-svg-icon"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},":icon"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"FIconUpload"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," />")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")]),t(` +`),a("span",{class:"line"}),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"script"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"lang"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"ts"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"setup"),a("span",{style:{color:"#89DDFF"}},">")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"import"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"{"),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#BABED8"}},"FIconUpload"),a("span",{style:{color:"#F07178"}}," "),a("span",{style:{color:"#89DDFF"}},"}"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF","font-style":"italic"}},"from"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"'"),a("span",{style:{color:"#C3E88D"}},"@fighting-design/fighting-icon"),a("span",{style:{color:"#89DDFF"}},"'")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),z=s(()=>a("h2",{id:"监听目标",tabindex:"-1"},[t("监听目标 "),a("a",{class:"header-anchor",href:"#监听目标","aria-label":'Permalink to "监听目标"'},"​")],-1)),N=s(()=>a("p",null,[t("可以使用 "),a("code",null,"listen-el"),t(" 来监视一个指定的节点,传入 class 或 id,例如 "),a("code",null,".box"),t(" 或 "),a("code",null,"#app")],-1)),V={class:"back-top-demo"},L=s(()=>a("div",{class:"language-html"},[a("button",{title:"Copy Code",class:"copy"}),a("span",{class:"lang"},"html"),a("pre",{class:"shiki material-theme-palenight"},[a("code",null,[a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"template"),a("span",{style:{color:"#89DDFF"}},">")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"div"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"class"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"back-top-demo"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"p"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"v-for"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"i in 20"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"这是一段文字{{ i + 1 }}"),a("span",{style:{color:"#89DDFF"}},"")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"f-back-top"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"listen-el"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},".back-top-demo"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"right"),a("span",{style:{color:"#89DDFF"}},"="),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#C3E88D"}},"200px"),a("span",{style:{color:"#89DDFF"}},'"'),a("span",{style:{color:"#89DDFF"}},">"),a("span",{style:{color:"#BABED8"}},"监听目标"),a("span",{style:{color:"#89DDFF"}},"")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")]),t(` +`),a("span",{class:"line"}),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"<"),a("span",{style:{color:"#F07178"}},"style"),a("span",{style:{color:"#89DDFF"}}," "),a("span",{style:{color:"#C792EA"}},"scoped"),a("span",{style:{color:"#89DDFF"}},">")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"."),a("span",{style:{color:"#FFCB6B"}},"back-top-demo"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"{")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#B2CCD6"}},"width"),a("span",{style:{color:"#89DDFF"}},":"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#F78C6C"}},"100%"),a("span",{style:{color:"#89DDFF"}},";")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#B2CCD6"}},"height"),a("span",{style:{color:"#89DDFF"}},":"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#F78C6C"}},"100px"),a("span",{style:{color:"#89DDFF"}},";")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#B2CCD6"}},"border"),a("span",{style:{color:"#89DDFF"}},":"),a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#F78C6C"}},"4px"),a("span",{style:{color:"#BABED8"}}," solid skyblue"),a("span",{style:{color:"#89DDFF"}},";")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#B2CCD6"}},"overflow"),a("span",{style:{color:"#89DDFF"}},":"),a("span",{style:{color:"#BABED8"}}," auto"),a("span",{style:{color:"#89DDFF"}},";")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#BABED8"}}," "),a("span",{style:{color:"#89DDFF"}},"}")]),t(` +`),a("span",{class:"line"},[a("span",{style:{color:"#89DDFF"}},"")])])])],-1)),J=y('

Attractive

参数说明类型可选值默认值
round是否为圆角boolean——false
behavior滚动模式BackTopBehaviorsmooth autosmooth
visible-height滚动超出多少距离展示number——200
right距离右侧的距离string——40
bottom距离底部的距离string——40
z-index原生 z-indexnumber——200
top点击返回距离顶部的距离number——0
listen-el监视指定元素,需要传入指定的 class 或 id,如:.box #appstring————
background背景色string————
color文字颜色string————

Slots

名称说明
default默认内容

Interface

组件导出以下类型定义:

ts
import type { BackTopInstance, BackTopProps, BackTopBehavior } from 'fighting-design'

BackTopBehavior

ts
type BackTopBehavior = 'smooth' | 'auto'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--back-top-right距离右侧距离
--back-top-bottom距离底部距离
--back-top-z-index层级
--back-top-color文字颜色
--back-top-background背景颜色

Contributors

',13),K={href:"https://github.com/Tyh2001",target:"_blank"},M={href:"https://github.com/XiaoLi-sach",target:"_blank"},R=JSON.parse('{"title":"BackTop 返回顶部","description":"","frontmatter":{},"headers":[],"relativePath":"components/back-top.md","filePath":"components/back-top.md","lastUpdated":1718162872000}'),O={name:"components/back-top.md"},W=u({...O,setup(c){return(X,j)=>{const e=p("f-back-top"),n=p("vp-demo"),r=p("f-svg-icon"),d=p("f-avatar");return F(),D("div",null,[E,o(e,null,{default:l(()=>[t("返回顶部")]),_:1}),o(n,{source:`返回顶部 +`},{default:l(()=>[C]),_:1}),A,x,o(e,{bottom:"90px",behavior:"auto"},{default:l(()=>[t("auto 模式")]),_:1}),o(e,{bottom:"140px",behavior:"smooth"},{default:l(()=>[t("smooth 模式")]),_:1}),o(n,{source:`auto 模式 +smooth 模式 +`},{default:l(()=>[I]),_:1}),S,q,o(e,{bottom:"190px",round:""},{default:l(()=>[o(r,{icon:b(v)},null,8,["icon"])]),_:1}),o(n,{source:` + + + + + + - + @@ -18,7 +18,7 @@ - + @@ -31,57 +31,57 @@ -
Skip to content
On this page

Alert 警告

用于页面中展示重要的提示信息

基本使用

type 属性可以配置不同的主题类型,展示不同的颜色状态

开启

不同文字大小

font-size 属性可以配置不同大小的 alert

开启

是否加粗

使用 bold 属性可将文字设置为粗体显示

开启

是否居中

使用 center 属性可将文本显示中间

开启

可关闭

使用 close 属性可以让 alert 被关闭

开启

简约模式

使用 simple 属性可以配置简约的 alert,样式依然由 type 控制

开启

圆角

round 属性可以配置 alert 显示为圆角

开启

背景颜色

如果你希望文字带上背景颜色,你可以使用 background 属性自定义你的 alert 背景颜色

开启

带有标题

title 可以配置一个标题信息,标题会加粗

开启

滚动列表

alert-list 可传入一个数组进行滚动展示

开启

自定义前缀 icon

开启

Attributes

参数说明类型可选值默认值
type类型FightingTypedefault primary success danger warning infodefault
font-size副标题文字大小string / number————
title-size主标题文字大小string / number————
bold文字是否以粗体显示boolean——false
center是否居中boolean——false
close可关闭boolean——false
simple简约模式boolean——false
title标题string————
round显示为圆角boolean——false
background背景颜色string————
color副标题字体颜色string————
title-color主标题字体颜色string————
fixed是否固定定位boolean——false
alert-list滚动列表array (string[])————
duration滚动列表滚动时间间隔number————
before-icon自定义前缀 iconFightingIcon————
close-icon自定义关闭 iconFightingIcon————
on-close点击关闭之后执行的回调HandleMouse————

Slots

名称说明
default自定义副标题的内容
title自定义主标题的内容
closeIcon自定义关闭 icon
beforeIcon自定义前缀 icon

Interface

组件导出以下类型定义:

ts
import type { AlertInstance, AlertProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--alert-border-radius圆角大小
--alert-color文字颜色
--alert-background背景色

Contributors

- +
Skip to content
On this page

Alert 警告

用于页面中展示重要的提示信息

基本使用

type 属性可以配置不同的主题类型,展示不同的颜色状态

开启

不同文字大小

font-size 属性可以配置不同大小的 alert

开启

是否加粗

使用 bold 属性可将文字设置为粗体显示

开启

是否居中

使用 center 属性可将文本显示中间

开启

可关闭

使用 close 属性可以让 alert 被关闭

开启

简约模式

使用 simple 属性可以配置简约的 alert,样式依然由 type 控制

开启

圆角

round 属性可以配置 alert 显示为圆角

开启

背景颜色

如果你希望文字带上背景颜色,你可以使用 background 属性自定义你的 alert 背景颜色

开启

带有标题

title 可以配置一个标题信息,标题会加粗

开启

滚动列表

alert-list 可传入一个数组进行滚动展示

开启

自定义前缀 icon

开启

Attributes

参数说明类型可选值默认值
type类型FightingTypedefault primary success danger warning infodefault
font-size副标题文字大小string / number————
title-size主标题文字大小string / number————
bold文字是否以粗体显示boolean——false
center是否居中boolean——false
close可关闭boolean——false
simple简约模式boolean——false
title标题string————
round显示为圆角boolean——false
background背景颜色string————
color副标题字体颜色string————
title-color主标题字体颜色string————
fixed是否固定定位boolean——false
alert-list滚动列表array (string[])————
duration滚动列表滚动时间间隔number————
before-icon自定义前缀 iconFightingIcon————
close-icon自定义关闭 iconFightingIcon————
on-close点击关闭之后执行的回调HandleMouse————

Slots

名称说明
default自定义副标题的内容
title自定义主标题的内容
closeIcon自定义关闭 icon
beforeIcon自定义前缀 icon

Interface

组件导出以下类型定义:

ts
import type { AlertInstance, AlertProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--alert-border-radius圆角大小
--alert-color文字颜色
--alert-background背景色

Contributors

+ \ No newline at end of file diff --git a/components/avatar-group.html b/components/avatar-group.html index a843d6331..8e14a6fd7 100644 --- a/components/avatar-group.html +++ b/components/avatar-group.html @@ -5,11 +5,11 @@ Avatar Group 头像组 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Avatar Group 头像组

多个头像的集合

基本使用

<f-avatar-group> 组件内部插入 <f-avatar> 组件

开启

Attributes

参数说明类型可选值默认值
position-size偏移量string / number————
round是否为圆角boolean——false
fit如何适应容器,原生 object-fit 属性FightingFitfill contain cover none scale-down——
size图片大小FightingSize / numberlarge middle small minimiddle
lazy是否懒加载头像boolean——false

Slots

插槽名称说明说明
default默认插槽

Interface

组件导出以下类型定义:

ts
import type { AvatarGroupInstance } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/avatar.html b/components/avatar.html index 499304022..c8f0bd3dd 100644 --- a/components/avatar.html +++ b/components/avatar.html @@ -5,11 +5,11 @@ Avatar 头像 | Fighting Design - - + + - + @@ -19,7 +19,7 @@ - + @@ -32,43 +32,43 @@ -
Skip to content
On this page

Avatar 头像

用户的头像展示

基本使用

使用 src 属性设置图片的路径

round 属性可以配置圆角头像

开启

使用本地图片

如需要使用本地图片,需要使用 new URL(url, import.meta.url) 手动导入图片资源使用:

开启

适应容器的方式

fit 属性可以配置头像不同适应容器的方式,详见原生 object-fit 属性

fill
contain
cover
none
scale-down
开启

不同大小

size 属性可以配置不同大小的头像,也可以传入指定的数字,会自动转换为 px

开启

图标头像

icon 属性可以配置带有 icon 的图标头像

background 属性可以配置背景色,font-color 属性可以自定义图标颜色

font-size可以配置图标大小,后面必须要加入单位

开启

懒加载

lazy 属性可以设置图片懒加载,详情可参考 DevToolsNetwork

开启

加载失败

默认加载失败会显示 加载失败,当然你也可以使用 alt 属性自定义加载失败的提示文字

或者使用 error 插槽展示

开启

Attributes

参数说明类型可选值默认值
src图片路径string————
err-src加载失败时要显示的地址string————
alt原生 alt 属性string——加载失败
round是否为圆角boolean——false
lazy是否懒加载头像boolean——false
fit如何适应容器,原生 object-fit 属性FightingFitfill contain cover none scale-down——
size图片大小FightingSize / numberlarge middle small minimiddle
background背景色string————
icon图标头像FightingIcon————
font-size字体大小string————
font-color字体的颜色string————
text文字头像string————
root-margin触发懒加载的距离string / number——100px
on-load图片加载成功触发的回调HandleEvent————
on-error图片加载失败触发的回调HandleEvent————

Slots

插槽名称说明说明
error自定义加载失败提示
icon自定义 icon 头像

Interface

组件导出以下类型定义:

ts
import type { AvatarInstance, AvatarProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--avatar-size尺寸

Contributors

- +
Skip to content
On this page

Avatar 头像

用户的头像展示

基本使用

使用 src 属性设置图片的路径

round 属性可以配置圆角头像

开启

使用本地图片

如需要使用本地图片,需要使用 new URL(url, import.meta.url) 手动导入图片资源使用:

开启

适应容器的方式

fit 属性可以配置头像不同适应容器的方式,详见原生 object-fit 属性

fill
contain
cover
none
scale-down
开启

不同大小

size 属性可以配置不同大小的头像,也可以传入指定的数字,会自动转换为 px

开启

图标头像

icon 属性可以配置带有 icon 的图标头像

background 属性可以配置背景色,font-color 属性可以自定义图标颜色

font-size可以配置图标大小,后面必须要加入单位

开启

懒加载

lazy 属性可以设置图片懒加载,详情可参考 DevToolsNetwork

开启

加载失败

默认加载失败会显示 加载失败,当然你也可以使用 alt 属性自定义加载失败的提示文字

或者使用 error 插槽展示

开启

Attributes

参数说明类型可选值默认值
src图片路径string————
err-src加载失败时要显示的地址string————
alt原生 alt 属性string——加载失败
round是否为圆角boolean——false
lazy是否懒加载头像boolean——false
fit如何适应容器,原生 object-fit 属性FightingFitfill contain cover none scale-down——
size图片大小FightingSize / numberlarge middle small minimiddle
background背景色string————
icon图标头像FightingIcon————
font-size字体大小string————
font-color字体的颜色string————
text文字头像string————
root-margin触发懒加载的距离string / number——100px
on-load图片加载成功触发的回调HandleEvent————
on-error图片加载失败触发的回调HandleEvent————

Slots

插槽名称说明说明
error自定义加载失败提示
icon自定义 icon 头像

Interface

组件导出以下类型定义:

ts
import type { AvatarInstance, AvatarProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--avatar-size尺寸

Contributors

+ \ No newline at end of file diff --git a/components/back-top.html b/components/back-top.html index f822678a2..40d183043 100644 --- a/components/back-top.html +++ b/components/back-top.html @@ -5,11 +5,11 @@ BackTop 返回顶部 | Fighting Design - - + + - + @@ -19,7 +19,7 @@ - + @@ -32,53 +32,53 @@ -
Skip to content
On this page

BackTop 返回顶部

可返回网页的顶部

基本使用

BackTop 的基本使用

开启

不同滚动模式

behavior 属性可以配置不同的滚动模式

Skip to content
On this page

BackTop 返回顶部

可返回网页的顶部

基本使用

BackTop 的基本使用

开启

不同滚动模式

behavior 属性可以配置不同的滚动模式

开启

圆形的

round 属性可以配置圆形的样式

开启

圆形的

round 属性可以配置圆形的样式

开启

自定义样式

你也可以自定义 back-top 的样式和位置

开启

自定义样式

你也可以自定义 back-top 的样式和位置

开启

监听目标

可以使用 listen-el 来监视一个指定的节点,传入 class 或 id,例如 .box#app

这是一段文字2

这是一段文字3

这是一段文字4

这是一段文字5

这是一段文字6

这是一段文字7

这是一段文字8

这是一段文字9

这是一段文字10

这是一段文字11

这是一段文字12

这是一段文字13

这是一段文字14

这是一段文字15

这是一段文字16

这是一段文字17

这是一段文字18

这是一段文字19

这是一段文字20

这是一段文字21

开启

Attractive

参数说明类型可选值默认值
round是否为圆角boolean——false
behavior滚动模式BackTopBehaviorsmooth autosmooth
visible-height滚动超出多少距离展示number——200
right距离右侧的距离string——40
bottom距离底部的距离string——40
z-index原生 z-indexnumber——200
top点击返回距离顶部的距离number——0
listen-el监视指定元素,需要传入指定的 class 或 id,如:.box #appstring————
background背景色string————
color文字颜色string————

Slots

名称说明
default默认内容

Interface

组件导出以下类型定义:

ts
import type { BackTopInstance, BackTopProps, BackTopBehavior } from 'fighting-design'

BackTopBehavior

ts
type BackTopBehavior = 'smooth' | 'auto'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--back-top-right距离右侧距离
--back-top-bottom距离底部距离
--back-top-z-index层级
--back-top-color文字颜色
--back-top-background背景颜色

Contributors

- +" data-v-87ab6346>
开启

监听目标

可以使用 listen-el 来监视一个指定的节点,传入 class 或 id,例如 .box#app

这是一段文字2

这是一段文字3

这是一段文字4

这是一段文字5

这是一段文字6

这是一段文字7

这是一段文字8

这是一段文字9

这是一段文字10

这是一段文字11

这是一段文字12

这是一段文字13

这是一段文字14

这是一段文字15

这是一段文字16

这是一段文字17

这是一段文字18

这是一段文字19

这是一段文字20

这是一段文字21

开启

Attractive

参数说明类型可选值默认值
round是否为圆角boolean——false
behavior滚动模式BackTopBehaviorsmooth autosmooth
visible-height滚动超出多少距离展示number——200
right距离右侧的距离string——40
bottom距离底部的距离string——40
z-index原生 z-indexnumber——200
top点击返回距离顶部的距离number——0
listen-el监视指定元素,需要传入指定的 class 或 id,如:.box #appstring————
background背景色string————
color文字颜色string————

Slots

名称说明
default默认内容

Interface

组件导出以下类型定义:

ts
import type { BackTopInstance, BackTopProps, BackTopBehavior } from 'fighting-design'

BackTopBehavior

ts
type BackTopBehavior = 'smooth' | 'auto'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--back-top-right距离右侧距离
--back-top-bottom距离底部距离
--back-top-z-index层级
--back-top-color文字颜色
--back-top-background背景颜色

Contributors

+ \ No newline at end of file diff --git a/components/badge.html b/components/badge.html index fec4e0fe2..1eae71ea4 100644 --- a/components/badge.html +++ b/components/badge.html @@ -5,11 +5,11 @@ Badge 角标 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,82 +30,82 @@ -
Skip to content
On this page

Badge 角标

用于展示角标提示信息

基本使用

type 属性可以配置角标的主题

10
11
12
13
14
15
开启

最大值

max 属性可以配置角标的最大值,该值仅在 value 的值是 Number 时生效


20
20
开启

小红点

设置 dot 属性,展示为一个点

消息
开启

自定义文字

value 除了 Number 类型,还可以是 String,自定义内容

hot
new
开启

自定义颜色

你也可以自定义 badge 的颜色

99+
开启

是否展示

show 属性可控制展示状态


20
20
开启

Attributes

参数说明类型可选值默认值
value显示值string / number————
maxvalue 为数字时的最大值,超出显示为 value+number——99
dot展示为一个点boolean——false
show是否显示boolean——true
type样式主题FightingTypedefault primary success danger warning infodanger
background自定义背景颜色string————
color自定义文字颜色string————

Interface

组件导出以下类型定义:

ts
import type { BadgeInstance, BadgeProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--badge-border-radius圆角大小
--badge-color文字颜色
--badge-background背景颜色

Contributors

- +
Skip to content
On this page

Badge 角标

用于展示角标提示信息

基本使用

type 属性可以配置角标的主题

10
11
12
13
14
15
开启

最大值

max 属性可以配置角标的最大值,该值仅在 value 的值是 Number 时生效


20
20
开启

小红点

设置 dot 属性,展示为一个点

消息
开启

自定义文字

value 除了 Number 类型,还可以是 String,自定义内容

hot
new
开启

自定义颜色

你也可以自定义 badge 的颜色

99+
开启

是否展示

show 属性可控制展示状态


20
20
开启

Attributes

参数说明类型可选值默认值
value显示值string / number————
maxvalue 为数字时的最大值,超出显示为 value+number——99
dot展示为一个点boolean——false
show是否显示boolean——true
type样式主题FightingTypedefault primary success danger warning infodanger
background自定义背景颜色string————
color自定义文字颜色string————

Interface

组件导出以下类型定义:

ts
import type { BadgeInstance, BadgeProps } from 'fighting-design'

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--badge-border-radius圆角大小
--badge-color文字颜色
--badge-background背景颜色

Contributors

+ \ No newline at end of file diff --git a/components/box.html b/components/box.html index c18fcce09..b1db32deb 100644 --- a/components/box.html +++ b/components/box.html @@ -5,11 +5,11 @@ Box 盒子 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,9 +30,9 @@ -
Skip to content
On this page

Box 盒子

万能的盒子元素

基本使用

可以直接将它当做 div 来使用,它支持一些原生的常用属性配置

hello
开启

Attributes

参数说明类型可选值默认值
role原生属性 Rolesstring————
padding内边距string / number————
width宽度string / number————
height高度string / number————
background自定义背景色string————
display原生属性string————

Interface

组件导出以下类型定义:

ts
import type { BoxInstance, BoxProps } from 'fighting-design'

Contributors

- +
Skip to content
On this page

Box 盒子

万能的盒子元素

基本使用

可以直接将它当做 div 来使用,它支持一些原生的常用属性配置

hello
开启

Attributes

参数说明类型可选值默认值
role原生属性 Rolesstring————
padding内边距string / number————
width宽度string / number————
height高度string / number————
background自定义背景色string————
display原生属性string————

Interface

组件导出以下类型定义:

ts
import type { BoxInstance, BoxProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/breadcrumb.html b/components/breadcrumb.html index 2c6b40dc5..9d8d2c363 100644 --- a/components/breadcrumb.html +++ b/components/breadcrumb.html @@ -5,11 +5,11 @@ Breadcrumb 面包屑 | Fighting Design - - + + - + @@ -18,7 +18,7 @@ - + @@ -31,7 +31,7 @@ -
Skip to content
On this page

Breadcrumb 面包屑

这个面包屑不能吃

基本使用

f-breadcrumb 的基本使用

首页
文章
列表
+ \ No newline at end of file diff --git a/components/button.html b/components/button.html index ba39072b0..3946ddb19 100644 --- a/components/button.html +++ b/components/button.html @@ -5,11 +5,11 @@ Button 按钮 | Fighting Design - - + + - + @@ -19,7 +19,7 @@ - + @@ -32,104 +32,104 @@ -
Skip to content
On this page

Button 按钮

这个按钮可不简单

基本使用

type 属性可以配置不同的按钮类型,展示不同的颜色状态

simple 属性可以配置简约的按钮,样式依然由 type 控制


开启

圆角按钮

round 属性可以将按钮变成圆角风格的按钮


开启

圆形按钮

circle 属性可以将按钮变成圆形按钮

开启

带有 Icon

before-icon 或者 after-icon 可配置内容前后的 icon,当然你也可以直接通过插槽插入

开启

禁用状态

disabled 属性可以将按钮变成禁用状态

loading 属性可以将按钮变成 loading 状态


开启

不同尺寸

size 属性可以配置不同尺寸的按钮

开启

文字按钮

text 属性可以将按钮设置成文字按钮


开启

带有阴影

可以自定义按钮的阴影样式,可传入一个原生 box-shadow 属性值

或者也可以通过 Neumorphism 自己手动调节阴影样式

开启

涟漪效果

ripples 可以配置是否展示点击涟漪效果,也可以通过 ripples-color 自定义涟漪背景色

开启

扩散效果

spread 可以配置是否展示点击扩散效果

开启

按钮组

使用 f-button-group 组件包裹按钮组件可以实现按钮组效果

vertical 属性可以配置纵向排列的按钮组



开启

自定义颜色

color 属性可以自定义按钮的颜色,使用自定义颜色之后,simpletext 将不会再继续工作,不过自定义颜色仅支持 hex 格式的色号

使用自定义颜色之后 Fighting Design 会自动推断 hoveractive 的效果,那么需要使用 font-color 来自定义文字的颜色

开启

Button Attributes

参数说明类型可选值默认值
bold按钮文字是否加粗boolean——false
circle是否为圆形按钮boolean——false
round是否为圆角按钮boolean——false
font-size文字字体大小string / number————
font-color文字字体颜色string————
size按钮尺寸FightingSizelarge middle small minimiddle
block是否为块级元素boolean——false
href链接按钮的地址string————
target原生 target 属性,在 link="true" 时生效FightingTarget_blank _self _parent _top_self
loading是否展示 loading 状态boolean——false
disabled是否禁用按钮boolean——false
before-icon之前的 iconFightingIcon————
after-icon之后的 iconFightingIcon————
loading-iconloading 状态下的 iconFightingIcon————
type按钮的类型 (不同类型对应不同的背景和字体颜色,非自定义按钮颜色时有效)FightingTypedefault primary success danger warning info——
autofocus是否自动获取焦点boolean——false
spread是否带有点击扩散效果boolean——false
name按钮的名字string——f-button
shadow按钮的阴影string————
text是否为文字按钮 (非自定义按钮颜色时有效)boolean——false
simple是否为简约按钮 (非自定义按钮颜色时有效)boolean——false
ripples是否启用点击涟漪效果boolean——false
ripples-color涟漪背景色string————
native-type按钮的原生类型ButtonNativebutton submit resetbutton
color自定义按钮的背景颜色,仅支持 hex 格式的色号。如果未指定font-color,则字体颜色默认为白色string————
on-click点击执行的回调HandleMouse————

ButtonGroup Attributes

参数说明类型可选值默认值
size按钮尺寸FightingSizelarge middle small minimiddle
direction排列方式ButtonGroupDirectionhorizontal verticalhorizontal

Button Slots

名称说明
default默认按钮的内容

ButtonGroup Slots

名称说明
default默认按钮组的内容

Interface

组件导出以下类型定义:

ts
import type {
-  ButtonInstance,
-  ButtonProps,
-  ButtonNative,
-  ButtonGroupInstance,
-  ButtonGroupProps,
-  ButtonGroupDirection
-} from 'fighting-design'

ButtonNative

ts
type ButtonNative = 'submit' | 'reset' | 'button'

ButtonGroupDirection

ts
type ButtonGroupDirection = 'horizontal' | 'vertical'

ButtonClick

ts
type ButtonClick = (evt: MouseEvent) => void

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--button-color文字颜色
--button-background背景色
--button-hoverhover 状态背景色
--button-activeactive 状态背景色
--button-height高度
--button-padding内边距
--button-font-size文字大小
--button-border-radius圆角大小

Contributors

- +
Skip to content
On this page

Button 按钮

这个按钮可不简单

基本使用

type 属性可以配置不同的按钮类型,展示不同的颜色状态

simple 属性可以配置简约的按钮,样式依然由 type 控制


开启

圆角按钮

round 属性可以将按钮变成圆角风格的按钮


开启

圆形按钮

circle 属性可以将按钮变成圆形按钮

开启

带有 Icon

before-icon 或者 after-icon 可配置内容前后的 icon,当然你也可以直接通过插槽插入

开启

禁用状态

disabled 属性可以将按钮变成禁用状态

loading 属性可以将按钮变成 loading 状态


开启

不同尺寸

size 属性可以配置不同尺寸的按钮

开启

文字按钮

text 属性可以将按钮设置成文字按钮


开启

带有阴影

可以自定义按钮的阴影样式,可传入一个原生 box-shadow 属性值

或者也可以通过 Neumorphism 自己手动调节阴影样式

开启

涟漪效果

ripples 可以配置是否展示点击涟漪效果,也可以通过 ripples-color 自定义涟漪背景色

开启

扩散效果

spread 可以配置是否展示点击扩散效果

开启

按钮组

使用 f-button-group 组件包裹按钮组件可以实现按钮组效果

vertical 属性可以配置纵向排列的按钮组



开启

自定义颜色

color 属性可以自定义按钮的颜色,使用自定义颜色之后,simpletext 将不会再继续工作,不过自定义颜色仅支持 hex 格式的色号

使用自定义颜色之后 Fighting Design 会自动推断 hoveractive 的效果,那么需要使用 font-color 来自定义文字的颜色

开启

Button Attributes

参数说明类型可选值默认值
bold按钮文字是否加粗boolean——false
circle是否为圆形按钮boolean——false
round是否为圆角按钮boolean——false
font-size文字字体大小string / number————
font-color文字字体颜色string————
size按钮尺寸FightingSizelarge middle small minimiddle
block是否为块级元素boolean——false
href链接按钮的地址string————
target原生 target 属性,在 link="true" 时生效FightingTarget_blank _self _parent _top_self
loading是否展示 loading 状态boolean——false
disabled是否禁用按钮boolean——false
before-icon之前的 iconFightingIcon————
after-icon之后的 iconFightingIcon————
loading-iconloading 状态下的 iconFightingIcon————
type按钮的类型 (不同类型对应不同的背景和字体颜色,非自定义按钮颜色时有效)FightingTypedefault primary success danger warning info——
autofocus是否自动获取焦点boolean——false
spread是否带有点击扩散效果boolean——false
name按钮的名字string——f-button
shadow按钮的阴影string————
text是否为文字按钮 (非自定义按钮颜色时有效)boolean——false
simple是否为简约按钮 (非自定义按钮颜色时有效)boolean——false
ripples是否启用点击涟漪效果boolean——false
ripples-color涟漪背景色string————
native-type按钮的原生类型ButtonNativebutton submit resetbutton
color自定义按钮的背景颜色,仅支持 hex 格式的色号。如果未指定font-color,则字体颜色默认为白色string————
on-click点击执行的回调HandleMouse————

ButtonGroup Attributes

参数说明类型可选值默认值
size按钮尺寸FightingSizelarge middle small minimiddle
direction排列方式ButtonGroupDirectionhorizontal verticalhorizontal

Button Slots

名称说明
default默认按钮的内容

ButtonGroup Slots

名称说明
default默认按钮组的内容

Interface

组件导出以下类型定义:

ts
import type {
+  ButtonInstance,
+  ButtonProps,
+  ButtonNative,
+  ButtonGroupInstance,
+  ButtonGroupProps,
+  ButtonGroupDirection
+} from 'fighting-design'

ButtonNative

ts
type ButtonNative = 'submit' | 'reset' | 'button'

ButtonGroupDirection

ts
type ButtonGroupDirection = 'horizontal' | 'vertical'

ButtonClick

ts
type ButtonClick = (evt: MouseEvent) => void

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--button-color文字颜色
--button-background背景色
--button-hoverhover 状态背景色
--button-activeactive 状态背景色
--button-height高度
--button-padding内边距
--button-font-size文字大小
--button-border-radius圆角大小

Contributors

+ \ No newline at end of file diff --git a/components/calendar.html b/components/calendar.html index 011038be0..35a9d3bf1 100644 --- a/components/calendar.html +++ b/components/calendar.html @@ -5,11 +5,11 @@ Calendar 日历 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,33 +30,33 @@ -
Skip to content
On this page

Calendar 日历

每天都有好心情

基本使用

date 属性需要绑定一个日期对象

26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
开启

Attributes

参数说明类型可选值默认值
v-model:date绑定日期date——new Date
lunar是否显示农历或节日,仅支持 1900 ~ 2100boolean——false
show-header是否显示头部boolean——true
border是否显示边框boolean——false
border-color自定义边框颜色string————
day-cell-height日期单元格高度string / number————
week-cell-height星期单元格高度string / number————
on-change日期和月份任何变时触发的回调CalendarChange————
on-change-month月份改变时触发的回调CalendarChange————
on-change-date日期改变时触发的回调CalendarChange————

Slots

名称说明
last-change自定义上个月切换按钮
now-change自定义今天切换按钮
next-change自定义下个月切换按钮

Interface

组件导出以下类型定义:

ts
import type { CalendarInstance, CalendarProps, CalendarChange } from 'fighting-design'

CalendarChange

ts
type CalendarChange = (year: number, month: number, date: number) => void

Contributors

+ \ No newline at end of file diff --git a/components/card.html b/components/card.html index e4f28100f..629b1d3b4 100644 --- a/components/card.html +++ b/components/card.html @@ -5,11 +5,11 @@ Card 卡片 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,18 +30,18 @@ -
Skip to content
On this page

Card 卡片

放入你想展示的内容

基本使用

title 属性可以配置卡片的标题

卡片标题
Card 卡片
开启

圆角卡片

round 是否为圆角卡片

圆角的
Card 卡片
开启

不同状态

shadow 属性可以配置阴影样式

从不显示
Hover 显示
总是显示
开启

自定义样式

多种配置项可自定义卡片的样式

卡片标题
Card 卡片
开启

可关闭的

close 可配置带有关闭按钮的卡片

卡片标题
Card 卡片
开启

Attributes

参数说明类型可选值默认值
title卡片标题string————
round是否为圆角卡片boolean——false
padding卡片内边距string————
shadow阴影样式CardShadowhover always——
border-color自定义边框颜色string————
background自定义背景颜色string————
title-color自定义 title 颜色string————
title-boldtitle 是否加粗boolean——false
close是否可关闭boolean——false
on-close是否可关闭CardClose————

Slots

名称说明
default默认内容
header自定义头部

Interface

组件导出以下类型定义:

ts
import type { CardInstance, CardProps, CardShadow, CardClose } from 'fighting-design'

CardShadow

ts
type CardShadow = 'hover' | 'always'

CardClose

ts
type CardClose = (target: boolean) => void

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--card-border-color边框颜色
--card-background背景颜色
--card-padding内边距
--card-title-color标题颜色

Contributors

- +
Skip to content
On this page

Card 卡片

放入你想展示的内容

基本使用

title 属性可以配置卡片的标题

卡片标题
Card 卡片
开启

圆角卡片

round 是否为圆角卡片

圆角的
Card 卡片
开启

不同状态

shadow 属性可以配置阴影样式

从不显示
Hover 显示
总是显示
开启

自定义样式

多种配置项可自定义卡片的样式

卡片标题
Card 卡片
开启

可关闭的

close 可配置带有关闭按钮的卡片

卡片标题
Card 卡片
开启

Attributes

参数说明类型可选值默认值
title卡片标题string————
round是否为圆角卡片boolean——false
padding卡片内边距string————
shadow阴影样式CardShadowhover always——
border-color自定义边框颜色string————
background自定义背景颜色string————
title-color自定义 title 颜色string————
title-boldtitle 是否加粗boolean——false
close是否可关闭boolean——false
on-close是否可关闭CardClose————

Slots

名称说明
default默认内容
header自定义头部

Interface

组件导出以下类型定义:

ts
import type { CardInstance, CardProps, CardShadow, CardClose } from 'fighting-design'

CardShadow

ts
type CardShadow = 'hover' | 'always'

CardClose

ts
type CardClose = (target: boolean) => void

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--card-border-color边框颜色
--card-background背景颜色
--card-padding内边距
--card-title-color标题颜色

Contributors

+ \ No newline at end of file diff --git a/components/checkbox.html b/components/checkbox.html index bf85b56b1..eebd1fbb4 100644 --- a/components/checkbox.html +++ b/components/checkbox.html @@ -5,11 +5,11 @@ Checkbox 复选框 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Checkbox 复选框

你可以有多个选择

基础使用

绑定单个复选框,配合 v-model 绑定一个 boolean

+ \ No newline at end of file diff --git a/components/close-btn.html b/components/close-btn.html index d3763e82d..2bf062569 100644 --- a/components/close-btn.html +++ b/components/close-btn.html @@ -5,11 +5,11 @@ Close Btn 关闭按钮 | Fighting Design - - + + - + @@ -18,7 +18,7 @@ - + @@ -31,7 +31,7 @@ -
Skip to content
On this page

Close Btn 关闭按钮

想不到关闭按钮也可以如此精致吧?

基本使用

插槽插入一个 svg-icon 即可

开启

Attributes

参数说明类型可选值默认值
size自定义尺寸string / number————
round是否为圆角的boolean——false
disabled是否禁用boolean——false
color自定义颜色string————
hover-color鼠标移入的颜色string————
icon自定义 iconFightingIcon————
on-click点击之后执行的回调HandleMouse————

Slots

名称说明
default默认插槽,自定义关闭按钮

Interface

组件导出以下类型定义:

ts
import type { CloseBtnInstance, CloseBtnProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/collapse-animation.html b/components/collapse-animation.html index 98ccd5674..810b430ec 100644 --- a/components/collapse-animation.html +++ b/components/collapse-animation.html @@ -5,11 +5,11 @@ Collapse Animation 折叠动画 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Collapse Animation 折叠动画

更丝滑的下拉过度

基本使用

传递一个 opened 的布尔值判断是否展开

开启

Attributes

参数说明类型可选值默认值
opened是否打开boolean——false
disabled是否禁用boolean——false
height-animation是否高度自适应boolean——true
width-animation是否宽度自适应boolean——false
animation-time动画时间number——0.747
on-open打开动画开始的回调DialogCallback————
on-open-end打开动画结束的回调DialogCallback————
on-close关闭动画开始的回调DialogCallback————
on-close-end关闭动画结束的回调DialogCallback————

Slots

名称说明
default默认插入内容

Interface

组件导出以下类型定义:

ts
import type { CollapseAnimationInstance, CollapseAnimationProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/color.html b/components/color.html index 9d9ab2abc..5f2de6f8a 100644 --- a/components/color.html +++ b/components/color.html @@ -5,11 +5,11 @@ Color 色彩 | Fighting Design - - + + - + @@ -18,7 +18,7 @@ - + @@ -31,9 +31,9 @@ -
Skip to content
On this page

Color 色彩

好看的颜色可以让人神情愉悦

内部颜色

下面提供 Fighting Design 内部的一些主要色号:

点击即可复制色号

#2d5af1

#6c8bf5

#819cf6

#96acf8

#abbdf9

#c0cdfa

#d5defc

#e9eefd

#52b35e

#85c98e

#97d19e

#a8d9ae

#b9e0be

#cbe8ce

#dcefde

#edf7ee

#ff0200

#ff4d4c

#ff6766

#ff807f

#ff9999

#ffb3b2

#ffcccc

#ffe5e5

#fcc202

#fcd44d

#fdda67

#fde080

#fde699

#feecb3

#fef2cc

#fef8e5

其它推荐

下面提供一些外部的一些较好看的颜色提供使用:

Contributors

- +
Skip to content
On this page

Color 色彩

好看的颜色可以让人神情愉悦

内部颜色

下面提供 Fighting Design 内部的一些主要色号:

点击即可复制色号

#2d5af1

#6c8bf5

#819cf6

#96acf8

#abbdf9

#c0cdfa

#d5defc

#e9eefd

#52b35e

#85c98e

#97d19e

#a8d9ae

#b9e0be

#cbe8ce

#dcefde

#edf7ee

#ff0200

#ff4d4c

#ff6766

#ff807f

#ff9999

#ffb3b2

#ffcccc

#ffe5e5

#fcc202

#fcd44d

#fdda67

#fde080

#fde699

#feecb3

#fef2cc

#fef8e5

其它推荐

下面提供一些外部的一些较好看的颜色提供使用:

Contributors

+ \ No newline at end of file diff --git a/components/confirm-box.html b/components/confirm-box.html index b045d2061..7fcf30122 100644 --- a/components/confirm-box.html +++ b/components/confirm-box.html @@ -5,11 +5,11 @@ Confirm Box 确认框 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Confirm Box 确认框

操作之前加点料?

使用前

使用前,你需要先引入:

ts
import { FConfirmBox } from 'fighting-design'

基本使用

传递一个配置对象,可打开确认框

titlecontent 配置标题和提示的内容信息

on-confirmon-cancel 分别处理点击确定和点击取消的回调方法

开启

Attributes

参数说明类型可选值默认值
title标题string————
content提示内容string————
confirm-text确认按钮文字string / number————
z-index层级,原生 z-index 属性number——1000
cancel-text取消按钮文字string / number————
on-confirm点击确定执行的回调方法HandleMouse————
on-cancel点击取消执行的回调方法HandleMouse————
on-open开启之后执行的回调方法HandleChange————
on-close关闭之后执行的回调方法HandleChange————

Contributors

+ \ No newline at end of file diff --git a/components/count-down.html b/components/count-down.html index b2b7b92b7..2b728c968 100644 --- a/components/count-down.html +++ b/components/count-down.html @@ -5,11 +5,11 @@ Count Down 倒计时 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Count Down 倒计时

用于实时展示倒计时数值,并且支持毫秒级渲染

基本使用

time 属性表示倒计时总时长,单位为毫秒。

00 : 00 : 00: 10
开启

Attributes

参数说明类型可选值默认值
time倒计时时长,单位毫秒string / number————
interval倒计时渲染间隔,单位毫秒(开启millisecond则此项无效)number——1000
format时间格式string——HH:mm:ss
auto-start是否自动开始倒计时boolean——true
millisecond是否开始毫秒级渲染boolean——false
on-finish倒计时结束后触发的回调CountDownFinish————

Methods

参数说明参数
start开始倒计时——
pause暂停倒计时——
on-reset重设倒计时,若 autostarttrue,重设后会自动开始倒计时total-time 倒计时长

Slots

名称说明参数
default自定义内容currentTime:CurrentTime

Interface

组件导出以下类型定义:

ts
import type { CountDownInstance, CountDownProps, CountDownFinish } from 'fighting-design'

CountDownFinish

ts
type CountDownFinish = () => void

样式变量

组件提供了下列 CSS 变量,可用于自定义样式。

名称描述
--count-down-font-size字体大小
--count-down-font-color字体颜色

Contributors

+ \ No newline at end of file diff --git a/components/date-picker.html b/components/date-picker.html index b1e30b436..8fa5ef4f4 100644 --- a/components/date-picker.html +++ b/components/date-picker.html @@ -5,11 +5,11 @@ Date Picker 日期选择器 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -29,8 +29,8 @@ - -
Skip to content
On this page

Date Picker 日期选择器

选取你想要的时间

基本使用

使用 v-model:date 绑定一个值

开启

Attributes

参数说明类型可选值默认值
v-model:date绑定值string————
disabled是否禁用boolean——false
clear是否可清空boolean——false
format时间格式string——YYYY/MM/DD
placeholder占位符string————
size尺寸FightingSizelarge middle small minimiddle
add-zero不满 10 的是否前面加 0boolean——false

Interface

组件导出以下类型定义:

ts
import type { DatePickerInstance, DatePickerProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/dialog.html b/components/dialog.html index c981f626b..41fd8097d 100644 --- a/components/dialog.html +++ b/components/dialog.html @@ -5,11 +5,11 @@ Dialog 对话框 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Dialog 对话框

对话框里有什么?

基本使用

v-model:visible 属性来控制展示状态

开启

Attributes

参数说明类型可选值默认值
v-model:visible绑定值,控制是否展示boolean——false
title标题文字内容string————
append-to-body是否追加到 bodyboolean——false
width自定义宽度string / number————
fullscreen是否全屏展示boolean——false
show-mask是否展示遮罩层boolean——true
show-header是否展示头部boolean——true
mask-close是否点击遮罩层关闭boolean——true
mask-opacity遮罩层透明度number————
mask-background遮罩层背景色string————
modal-blur是否模糊遮罩层boolean——false
close-icon自定义关闭按钮 iconFightingIcon————
show-close-icon是否展示关闭图标boolean——true
z-index层级,原生 z-index 属性number——1999
on-open打开动画开始的回调DialogCallback————
on-open-end打开动画结束的回调DialogCallback————
on-close关闭动画开始的回调DialogCallback————
on-close-end关闭动画结束的回调DialogCallback————

Slots

名称说明
default默认内容
header自定义顶部内容
footer自定义底部内容
closeIcon自定义关闭按钮图标

Interface

组件导出以下类型定义:

ts
import type { DialogInstance, DialogProps, DialogCallback } from 'fighting-design'

DialogCallback

ts
type DialogCallback = (node: Element) => void

Contributors

+ \ No newline at end of file diff --git a/components/divider.html b/components/divider.html index 4279a74b6..643fceb63 100644 --- a/components/divider.html +++ b/components/divider.html @@ -5,11 +5,11 @@ Divider 分隔线 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Divider 分隔线

段落的分隔符

基本使用

分隔线的基本使用

开启

文字显示位置

position 属性可以配置文字显示的位置

+ \ No newline at end of file diff --git a/components/drawer.html b/components/drawer.html index 3b663eeae..dcaa8ce2a 100644 --- a/components/drawer.html +++ b/components/drawer.html @@ -5,11 +5,11 @@ Drawer 抽屉 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Drawer 抽屉

在浏览器中使用抽屉

基本使用

v-model:visible 属性来控制展示状态

开启

Attributes

参数说明类型可选值默认值
v-model:visible绑定值,控制是否展示boolean——false
append-to-body是否追加到 bodyboolean——false
direction弹出方向DrawerDirectiontop left bottom rightright
title标题文字内容string————
show-mask是否展示遮罩层boolean——true
show-header是否展示头部boolean——true
mask-close点击遮罩层是否可关闭boolean——true
mask-opacity遮罩层透明度number————
mask-background遮罩层背景色string————
modal-blur是否模糊遮罩层boolean——false
close-icon自定义关闭按钮 iconFightingIcon————
show-close-icon是否展示关闭按钮boolean——true
z-index层级,原生 z-index 属性number————
on-open打开动画开始的回调DialogCallback————
on-open-end打开动画结束的回调DialogCallback————
on-close关闭动画开始的回调DialogCallback————
on-close-end关闭动画结束的回调DialogCallback————

Slots

名称说明
default默认内容
header自定义顶部内容
footer自定义底部内容
closeIcon自定义关闭按钮图标

Interface

组件导出以下类型定义:

ts
import type { DrawerInstance, DrawerProps, DrawerDirection } from 'fighting-design'

DrawerDirection

ts
type DrawerDirection = 'left' | 'top' | 'right' | 'bottom'

Contributors

+ \ No newline at end of file diff --git a/components/dropdown.html b/components/dropdown.html index 665bb1d05..d79d83ed8 100644 --- a/components/dropdown.html +++ b/components/dropdown.html @@ -5,11 +5,11 @@ Dropdown 下拉菜单 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Dropdown 下拉菜单

永远不知道下拉菜单里有什么

基本使用

默认插槽可插入触发器,content 插槽插入展示的内容

+ \ No newline at end of file diff --git a/components/empty.html b/components/empty.html index 1ebc25446..4b08ca3c4 100644 --- a/components/empty.html +++ b/components/empty.html @@ -5,11 +5,11 @@ Empty 空状态 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,14 +30,14 @@ -
Skip to content
On this page

Empty 空状态

在展示空状态时的占位提示

基本使用

content 属性可以配置展示的内容

在这里,后续提供更多服务
开启

内容文字大小

content-size 属性可以配置 empty 内容的字体大小

暂无数据
开启

内容文字颜色

content-color 属性可以配置 empty 内容文字的颜色

暂无数据
开启

自定义图片

image-src 属性可以配置 empty 展示数据状态的图片

image-size 属性可以配置自定义的图片大小

暂无数据
开启

自定义背景色

background 属性可以配置 empty 的背景颜色

暂无数据
开启

自定义页脚

footer 插槽可自定义页脚

暂无数据
开启

Attributes

参数说明类型可选值默认值
content展示的内容string——暂无数据
content-size内容文字大小string————
content-color内容文字颜色string————
image-src自定义图片地址string————
image-size自定义图片尺寸string————
icon-size自定义 icon 尺寸string——30
background自定义背景色string————

Slots

名称说明
default自定义插入内容
footer自定义页脚内容

Interface

组件导出以下类型定义:

ts
import type { EmptyInstance, EmptyProps } from 'fighting-design'

Contributors

- +
Skip to content
On this page

Empty 空状态

在展示空状态时的占位提示

基本使用

content 属性可以配置展示的内容

在这里,后续提供更多服务
开启

内容文字大小

content-size 属性可以配置 empty 内容的字体大小

暂无数据
开启

内容文字颜色

content-color 属性可以配置 empty 内容文字的颜色

暂无数据
开启

自定义图片

image-src 属性可以配置 empty 展示数据状态的图片

image-size 属性可以配置自定义的图片大小

暂无数据
开启

自定义背景色

background 属性可以配置 empty 的背景颜色

暂无数据
开启

自定义页脚

footer 插槽可自定义页脚

暂无数据
开启

Attributes

参数说明类型可选值默认值
content展示的内容string——暂无数据
content-size内容文字大小string————
content-color内容文字颜色string————
image-src自定义图片地址string————
image-size自定义图片尺寸string————
icon-size自定义 icon 尺寸string——30
background自定义背景色string————

Slots

名称说明
default自定义插入内容
footer自定义页脚内容

Interface

组件导出以下类型定义:

ts
import type { EmptyInstance, EmptyProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/expand-card.html b/components/expand-card.html index 9cd63bb0a..083d82a2d 100644 --- a/components/expand-card.html +++ b/components/expand-card.html @@ -5,11 +5,11 @@ Expand Card 折叠动效 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Expand Card 折叠动效

针对于图片展示的一个扩展折叠动效组件

基本使用

image-list 需要传入一个图片数组集合来展示

+ \ No newline at end of file diff --git a/components/fighting-global.html b/components/fighting-global.html index 1f8e96521..2b8209b8f 100644 --- a/components/fighting-global.html +++ b/components/fighting-global.html @@ -5,11 +5,11 @@ Fighting Global 全局配置 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Fighting Global 全局配置

可控制全局组件

基本使用

type 属性可以配置内部组件的类型,组件本身的 type 权重高于 fighting-global

开启

Attributes

参数说明类型可选值默认值
type子组件的类型FightingTypedefault primary
success danger warning
——
size子组件的尺寸FightingSizelarge middle small mini——
lang子组件的语言FightingLangen-US zh-CNzh-CN

Slots

名称说明
default默认内容

Interface

组件导出以下类型定义:

ts
import type { FightingGlobalProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/form.html b/components/form.html index d3643be7e..1933d1c27 100644 --- a/components/form.html +++ b/components/form.html @@ -5,11 +5,11 @@ Form 表单 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Form 表单

每天写不完的业务代码,提交不尽的表单

基本使用

f-form 组件中添加 native-typesubmit 的按钮,将会触发表单的 on-submit 回调触发提交表单

{ +
Skip to content
On this page

Form 表单

每天写不完的业务代码,提交不尽的表单

基本使用

f-form 组件中添加 native-typesubmit 的按钮,将会触发表单的 on-submit 回调触发提交表单

{ "account": "", "password": "" }
- +}

FormItemRules

ts
type FormItemRules = FormItemRulesItem[]

LabelPosition

ts
type LabelPosition = 'left' | 'top'

Contributors

+ \ No newline at end of file diff --git a/components/image-preview.html b/components/image-preview.html index 83a13b1e1..7b0dd4b09 100644 --- a/components/image-preview.html +++ b/components/image-preview.html @@ -5,11 +5,11 @@ Image Preview 图片预览 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Image Preview 图片预览

点击开启大图预览

基本使用

v-model:visible 绑定一个布尔值来控制预览框的展示状态

img-list 需要传入一个图片的数组集合

开启

Attributes

参数说明类型可选值默认值
v-model:visible是否展示预览框boolean——false
append-to-body是否追加到 bodyboolean——false
img-list图片集合array——[]
modal-close是否点击遮罩层关闭预览窗boolean——true
is-close-btn是否展示关闭按钮boolean——true
show-index图片预览展示的首张图的索引,从 0 开始number——0
z-index图片预览展示的 z-indexnumber————
is-option是否展示图片预览下面的操作栏boolean——true
round预览图的圆角,传入一个单位string————
on-close关闭之后触发的回调HandleMouse————

Interface

组件导出以下类型定义:

ts
import type { ImagePreviewInstance, ImagePreviewProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/image.html b/components/image.html index cd857d89c..aec63f689 100644 --- a/components/image.html +++ b/components/image.html @@ -5,11 +5,11 @@ Image 图片 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Image 图片

预览图片

基本使用

使用 src 属性设置图片的路径,width 设置图片的宽度,height 可以设置图片的高度

开启

Attributes

参数说明类型可选值默认值
src图片路径string————
err-srcsrc 加载失败时加载的地址string————
alt原生 alt 属性string————
draggable是否可以拖动boolean——true
lazy是否懒加载图片boolean——false
root-margin触发懒加载的距离string / number——100px
width图片的宽度string / number————
height图片的高度string / number————
block是否为块级元素boolean——false
fit如何适应容器,原生 object-fit 属性FightingFitfill contain cover none
scale-down
——
select是否禁止选择boolean——false
referrer-policy原生 referrerPolicy 属性string————
round配置圆角,传入一个数值string / number————
titleimg 的 titlestring————
on-load图片加载成功触发的回调HandleEvent————
on-error图片加载失败触发的回调HandleEvent————

Slots

插槽名称说明说明
error自定义加载失败提示

Interface

组件导出以下类型定义:

ts
import type { ImageInstance, ImageProps, ImageFit } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/infinite-scrolling.html b/components/infinite-scrolling.html index c9a0a4859..39704eaae 100644 --- a/components/infinite-scrolling.html +++ b/components/infinite-scrolling.html @@ -5,11 +5,11 @@ Infinite Scrolling 无限滚动 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Infinite Scrolling 无限滚动

永远不会到底吗?

基本使用

on-scroll-end 滚动到底触发执行函数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
加载中...
开启

Attributes

参数说明类型可选值默认值
distance触发距离number / string——0
on-scroll-when滚动时触发的回调ScrollCallback————

Interface

组件导出以下类型定义:

ts
import type { InfiniteScrollingProps, ScrollCallback } from 'fighting-design'

ScrollCallback

ts
type ScrollCallback = () => void

Contributors

+ \ No newline at end of file diff --git a/components/input-number.html b/components/input-number.html index 514f3dd09..157d1739d 100644 --- a/components/input-number.html +++ b/components/input-number.html @@ -5,11 +5,11 @@ Input Number 数字输入框 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,39 +30,39 @@ -
Skip to content
On this page

Input Number 数字输入框

这个文本框只能输入数字哦

基本使用

使用 v-model 绑定一个值,model 可配置不同的模式

开启

不同尺寸

size 属性可配置不同尺寸

开启

Attributes

参数说明类型可选值默认值
v-model绑定值number——1
model不同模式InputNumberModeldefault button switchdefault
precision数值精度number——0
step步长number——1
size尺寸FightingSizelarge middle small minimiddle
button-type按钮的类型FightingTypedefault primary success danger warning——
disabled是否禁用boolean——false
max最大值number————
min最小值number————
max-length最大输入长度number————
autofocus是否自动聚焦boolean——false
name原生 name 属性string——f-input-number
placeholder占位符string————
clear是否可清空boolean——false
readonly是否只读boolean——false
on-blur失去焦点触发的回调HandleEvent————
on-focus获取焦点触发的回调HandleEvent————
on-input原生 input 事件回调HandleEvent————
on-change绑定值发生变化时触发的回调InputChange————

Interface

组件导出以下类型定义:

ts
import type {
-  InputNumberInstance,
-  InputNumberProps,
-  InputNumberModel
-} from 'fighting-design'

InputNumberModel

ts
type InputNumberModel = 'default' | 'button' | 'switch'

Contributors

- +
Skip to content
On this page

Input Number 数字输入框

这个文本框只能输入数字哦

基本使用

使用 v-model 绑定一个值,model 可配置不同的模式

开启

不同尺寸

size 属性可配置不同尺寸

开启

Attributes

参数说明类型可选值默认值
v-model绑定值number——1
model不同模式InputNumberModeldefault button switchdefault
precision数值精度number——0
step步长number——1
size尺寸FightingSizelarge middle small minimiddle
button-type按钮的类型FightingTypedefault primary success danger warning——
disabled是否禁用boolean——false
max最大值number————
min最小值number————
max-length最大输入长度number————
autofocus是否自动聚焦boolean——false
name原生 name 属性string——f-input-number
placeholder占位符string————
clear是否可清空boolean——false
readonly是否只读boolean——false
on-blur失去焦点触发的回调HandleEvent————
on-focus获取焦点触发的回调HandleEvent————
on-input原生 input 事件回调HandleEvent————
on-change绑定值发生变化时触发的回调InputChange————

Interface

组件导出以下类型定义:

ts
import type {
+  InputNumberInstance,
+  InputNumberProps,
+  InputNumberModel
+} from 'fighting-design'

InputNumberModel

ts
type InputNumberModel = 'default' | 'button' | 'switch'

Contributors

+ \ No newline at end of file diff --git a/components/input.html b/components/input.html index 29b3f26e0..4b017d651 100644 --- a/components/input.html +++ b/components/input.html @@ -5,11 +5,11 @@ Input 输入框 | Fighting Design - - + + - + @@ -18,7 +18,7 @@ - + @@ -31,7 +31,7 @@ -
Skip to content
On this page

Input 输入框

输入框

基本使用

需要使用 v-model 绑定一个值

开启

Attributes

参数说明类型可选值默认值
v-model绑定值string————
type类型InputTypetext password numbertext
size尺寸FightingSizelarge middle small minimiddle
disabled是否禁用boolean——false
max最大值number————
min最小值number————
max-length最大输入长度上限number————
width自定义宽度string / number————
height自定义高度string / number————
autofocus是否自动获取焦点boolean——false
name原生 name 属性string——f-input
placeholder占位符string————
placeholder-color自定义占位符颜色string————
text-color自定义文字颜色string————
font-size自定义字体大小string / number————
autocomplete是否开启自动填充特性提示string——off
clear是否可清空boolean——false
search是否为搜索框boolean——false
readonly是否只读boolean——false
show-password是否展示显示密码图标boolean——false
enter-search是否按下回车触发搜索boolean——false
icon自定义前缀 iconFightingIcon————
on-blur失去焦点触发的回调HandleEvent————
on-focus获取焦点触发的回调HandleEvent————
on-search点击搜索触发的回调HandleEvent————
on-change绑定值发生变化时触发的回调HandleEvent————
on-input原生 input 事件回调HandleEvent————
on-enter按下回车触发的回调InputEnter————

Slots

插槽名称说明说明
searchBtn自定义搜索按钮
before前缀内容
after后缀内容

Interface

组件导出以下类型定义:

ts
import type { InputInstance, InputProps, InputType, InputEnter } from 'fighting-design'

InputType

ts
type InputType = 'text' | 'password' | 'number'

InputEnter

ts
type InputEnter = (value: string, evt: KeyboardEvent) => void

样式变量

组件提供了下列 CSS 变量,可用于自定义样式

名称描述
--input-background默认背景色
--input-active-background选中状态背景色
--input-text-color文字颜色
--input-active-border-color选中状态边框背景色
--input-height高度
--input-width宽度
--input-font-size文字大小

Contributors

+ \ No newline at end of file diff --git a/components/interface.html b/components/interface.html index a3752bc95..f0ce161ac 100644 --- a/components/interface.html +++ b/components/interface.html @@ -5,11 +5,11 @@ Interface 接口类型 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,11 +30,11 @@ -
Skip to content
On this page

Interface 接口类型

Fighting Design 内部导出的一些类型接口

ClassList

用于类名列表集合类型

ts
type ClassList = readonly (string | Record<string, unknown>)[]

FightingType

用于定于组件的类型,不同的类型将会展示不同的样式,主要用于 f-alert f-button f-fighting-global f-link FMessage FNotification f-ripple f-tag f-text 组件

ts
type FightingType = 'primary' | 'success' | 'danger' | 'warning' | 'default' | 'info'

FightingSize

用于定于组件的尺寸。主要用于 f-avatar f-button f-checkbox f-fighting-global f-input-number f-input f-list f-radio f-skeleton f-space f-switch f-tag f-toolbar 组件

ts
type FightingSize = 'large' | 'middle' | 'small' | 'mini'

FightingIcon

主要用于 f-svg-icon 组件的参数类型

ts
import type { VNode, Component } from 'vue'
+    
Skip to content
On this page

Interface 接口类型

Fighting Design 内部导出的一些类型接口

ClassList

用于类名列表集合类型

ts
type ClassList = readonly (string | Record<string, unknown>)[]

FightingType

用于定于组件的类型,不同的类型将会展示不同的样式,主要用于 f-alert f-button f-fighting-global f-link FMessage FNotification f-ripple f-tag f-text 组件

ts
type FightingType = 'primary' | 'success' | 'danger' | 'warning' | 'default' | 'info'

FightingSize

用于定于组件的尺寸。主要用于 f-avatar f-button f-checkbox f-fighting-global f-input-number f-input f-list f-radio f-skeleton f-space f-switch f-tag f-toolbar 组件

ts
type FightingSize = 'large' | 'middle' | 'small' | 'mini'

FightingIcon

主要用于 f-svg-icon 组件的参数类型

ts
import type { VNode, Component } from 'vue'
 
-type FightingIcon = VNode | Component

FightingTarget

该来下指定在何处显示链接的资源,详情参考 target。主要用于 f-link f-button

ts
type FightingTarget = '_blank' | '_self' | '_parent' | '_top'

HandleMouse

针对一些点击事件的类型接口,用于 f-button f-link f-svg-icon 组件

ts
type HandleMouse = (evt: MouseEvent) => void

HandleEvent

用于一些基础的事件类型接口,用于 f-image

ts
type HandleEvent = (evt: vent) => void

HandleChange

用于改变状态的事件类型接口,用于 f-switch

ts
type HandleChange = (target: boolean) => void

FightingLang

ts
type FightingLang = 'en-US' | 'zh-CN'

InputChange

ts
type InputChange = (value: string) => void

FightingFit

适应容器的方式类型,原生 object-fit 属性,用于 f-avatar f-image 组件

ts
type FightingFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
- +type FightingIcon = VNode | Component

FightingTarget

该来下指定在何处显示链接的资源,详情参考 target。主要用于 f-link f-button

ts
type FightingTarget = '_blank' | '_self' | '_parent' | '_top'

HandleMouse

针对一些点击事件的类型接口,用于 f-button f-link f-svg-icon 组件

ts
type HandleMouse = (evt: MouseEvent) => void

HandleEvent

用于一些基础的事件类型接口,用于 f-image

ts
type HandleEvent = (evt: vent) => void

HandleChange

用于改变状态的事件类型接口,用于 f-switch

ts
type HandleChange = (target: boolean) => void

FightingLang

ts
type FightingLang = 'en-US' | 'zh-CN'

InputChange

ts
type InputChange = (value: string) => void

FightingFit

适应容器的方式类型,原生 object-fit 属性,用于 f-avatar f-image 组件

ts
type FightingFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
+ \ No newline at end of file diff --git a/components/layout.html b/components/layout.html index 03d958d10..306e24999 100644 --- a/components/layout.html +++ b/components/layout.html @@ -5,11 +5,11 @@ Layout 布局 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,112 +30,112 @@ -
Skip to content
On this page

Layout 布局

处理常见的一些网页布局,实现快速搭建

基本使用

  • f-layout 外层容器, 可以实现垂直、水平、嵌套布局
  • f-main 主体容器
  • f-header 头部容器
  • f-aside 侧栏容器
  • f-footer 底栏容器

基本布局

下面是由 Fighting Design 提供的几种常见的页面布局演示

Main


Main
Footer


Main


Main


Main


Main


Main
Footer


Main


Main
Footer
开启

layout Attributes

参数说明类型可选值默认值
direction排列方向LayoutDirectionhorizontal vertical——

Header Attributes

参数说明类型可选值默认值
height高度string / number————
padding内边距string / number————

Main Attributes

参数说明类型可选值默认值
padding内边距string / number————

Aside Attributes

参数说明类型可选值默认值
width宽度string / number————
padding内边距string / number————
参数说明类型可选值默认值
height高度string / number————
padding内边距string / number————

Interface

组件导出以下类型定义:

ts
import type {
-  AsideProps,
-  AsideInstance,
-  FooterInstance,
-  FooterProps,
-  HeaderInstance,
-  HeaderProps,
-  LayoutInstance,
-  LayoutProps,
-  LayoutDirection,
-  MainInstance,
-  MainProps
-} from 'fighting-design'

LayoutDirection

ts
type LayoutDirection = 'horizontal' | 'vertical'

Contributors

- +
Skip to content
On this page

Layout 布局

处理常见的一些网页布局,实现快速搭建

基本使用

  • f-layout 外层容器, 可以实现垂直、水平、嵌套布局
  • f-main 主体容器
  • f-header 头部容器
  • f-aside 侧栏容器
  • f-footer 底栏容器

基本布局

下面是由 Fighting Design 提供的几种常见的页面布局演示

Main


Main
Footer


Main


Main


Main


Main


Main
Footer


Main


Main
Footer
开启

layout Attributes

参数说明类型可选值默认值
direction排列方向LayoutDirectionhorizontal vertical——

Header Attributes

参数说明类型可选值默认值
height高度string / number————
padding内边距string / number————

Main Attributes

参数说明类型可选值默认值
padding内边距string / number————

Aside Attributes

参数说明类型可选值默认值
width宽度string / number————
padding内边距string / number————
参数说明类型可选值默认值
height高度string / number————
padding内边距string / number————

Interface

组件导出以下类型定义:

ts
import type {
+  AsideProps,
+  AsideInstance,
+  FooterInstance,
+  FooterProps,
+  HeaderInstance,
+  HeaderProps,
+  LayoutInstance,
+  LayoutProps,
+  LayoutDirection,
+  MainInstance,
+  MainProps
+} from 'fighting-design'

LayoutDirection

ts
type LayoutDirection = 'horizontal' | 'vertical'

Contributors

+ \ No newline at end of file diff --git a/components/link.html b/components/link.html index 8ebff5ee5..ba8c502b6 100644 --- a/components/link.html +++ b/components/link.html @@ -5,11 +5,11 @@ Link 链接 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,24 +30,24 @@ -
Skip to content
On this page
- +
Skip to content
On this page
+ \ No newline at end of file diff --git a/components/list.html b/components/list.html index 63030b3d8..f7141d358 100644 --- a/components/list.html +++ b/components/list.html @@ -5,11 +5,11 @@ List 列表 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

List 列表

展示你的列表信息

基本使用

列表的基本使用

  • 这是一段文字
  • 这是一段文字
  • 这是一段文字
  • 这是一段文字
  • 这是一段文字
+ \ No newline at end of file diff --git a/components/loading.html b/components/loading.html index 09d1de187..1a2998378 100644 --- a/components/loading.html +++ b/components/loading.html @@ -5,11 +5,11 @@ Loading 加载 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Loading 加载

加载中……

基本使用

可以在指定元素上通过fighting-design内置指令 v-loading 来实现加载状态

姓名年龄介绍
卡莉斯塔22她的被动可以在发动攻击后进行小距离的跳跃
艾希16拥有强大减速和控制能力的远程射手
李青34非常优秀的打野英雄
贾克斯109取得优势的武器可以输出成吨的伤害
+ \ No newline at end of file diff --git a/components/menu.html b/components/menu.html index 170f63e29..6cbf924aa 100644 --- a/components/menu.html +++ b/components/menu.html @@ -5,11 +5,11 @@ Menu 导航菜单 | Fighting Design - - + + - + @@ -20,7 +20,7 @@ - + @@ -33,7 +33,7 @@ -
Skip to content
On this page

Menu 导航菜单

多功能导航菜单栏

基本使用

+ \ No newline at end of file diff --git a/components/message.html b/components/message.html index 4e89feef2..f34d94527 100644 --- a/components/message.html +++ b/components/message.html @@ -5,11 +5,11 @@ Message 消息提示 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Message 消息提示

用于主动操作后的反馈提示

基本使用

+ \ No newline at end of file diff --git a/components/notification.html b/components/notification.html index bbafb3c45..dc984249a 100644 --- a/components/notification.html +++ b/components/notification.html @@ -5,11 +5,11 @@ Notification 通知 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Notification 通知

用于主动操作后的反馈提示

基本使用

+ \ No newline at end of file diff --git a/components/number-animate.html b/components/number-animate.html index 767cb7a18..22cc81461 100644 --- a/components/number-animate.html +++ b/components/number-animate.html @@ -5,11 +5,11 @@ Number Animate 数字动画 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Number Animate 数字动画

动画不会停吗?

基本使用

fromto 参数配置开始的数字和目标数字

0
开启

格式化

locale-string 属性可格式化数字

100
开启

动画时长

approximate-time 属性可配置动画时长

100
开启

重新播放

组件内部暴露 run 方法可重新调用播放动画

0
+ \ No newline at end of file diff --git a/components/page-header.html b/components/page-header.html index 2ea0faf82..7724a8543 100644 --- a/components/page-header.html +++ b/components/page-header.html @@ -5,11 +5,11 @@ Page Header 页头 | Fighting Design - - + + - + @@ -18,7 +18,7 @@ - + @@ -31,7 +31,7 @@ -
Skip to content
On this page

Page Header 页头

用于展示概览和引导页级操作

基本使用

title 属性可以配置标题内容,点击右侧返回可以触发 back 回调函数

返回
标题
开启

Attributes

属性说明类型可选值默认值
icon返回图标FightingIcon————
icon-size返回图标大小string / number——16px
back-text返回文本string————
title标题文本string————
title-bold标题是否粗体boolean——false
title-center标题是否居中boolean——false
title-color标题颜色string——false
subtitle副标题文本string————
on-back点击左侧区域触发HandleMouse————

Slots

插槽名说明
icon自定义返回图标
title自定义标题内容
subtitle自定义副标题内容

Interface

组件导出以下类型定义:

ts
import type { PageHeaderInstance, PageHeaderProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/pagination.html b/components/pagination.html index b9aa55d6b..e40e1ceb5 100644 --- a/components/pagination.html +++ b/components/pagination.html @@ -5,11 +5,11 @@ Pagination 分页器 | Fighting Design - - + + - + @@ -19,7 +19,7 @@ - + @@ -32,7 +32,7 @@ -
Skip to content
On this page

Pagination 分页器

用它处理过多的数据吧

基本使用

v-model:current 属性来绑定当前页码

total 属性配置总页数

1
2
3
4
5
6
10
+ \ No newline at end of file diff --git a/components/progress.html b/components/progress.html index bb7e3979c..2a9d1b7cd 100644 --- a/components/progress.html +++ b/components/progress.html @@ -5,11 +5,11 @@ Progress 进度条 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,72 +30,72 @@ -
Skip to content
On this page

Progress 进度条

据说进度条都是假的

基本使用

percentage 属性表示进度条对应的百分比,取值范围在 0-100 范围内。

type 属性可以配置不同的进度条样式,展示不同的颜色状态

10%
10%
10%
10%
10%
10%
开启

显示百分比

show-text 属性用来展示进度条百分比

outside-text 属性可配置在外部显示百分比

10%
70%
开启

自定义高度

height 属性可配置进度条的高度

10%
40%
开启

自定义颜色

可以通过 color 属性设置进度条的颜色,会覆盖 type 属性对应的颜色

background 属性来设置进度条背景色

70%
40%
开启

条纹状态

stripe 可以配置条纹样式

10%
10%
10%
10%
10%
10%
开启

Attributes

参数说明类型可选值默认值
percentage百分比number0 ~ 1000
type类型FightingTypedefault primary success danger warning infoprimary
height自定义高度string / number————
show-text是否显示百分比文字内容boolean——false
outside-text是否在外部显示文本boolean——false
text-color百分比文字的颜色string————
color进度条颜色string————
background进度条背景色string————
stripe是否开启条纹效果boolean——false

Interface

组件导出以下类型定义:

ts
import type { ProgressInstance, ProgressProps } from 'fighting-design'

Contributors

- +
Skip to content
On this page

Progress 进度条

据说进度条都是假的

基本使用

percentage 属性表示进度条对应的百分比,取值范围在 0-100 范围内。

type 属性可以配置不同的进度条样式,展示不同的颜色状态

10%
10%
10%
10%
10%
10%
开启

显示百分比

show-text 属性用来展示进度条百分比

outside-text 属性可配置在外部显示百分比

10%
70%
开启

自定义高度

height 属性可配置进度条的高度

10%
40%
开启

自定义颜色

可以通过 color 属性设置进度条的颜色,会覆盖 type 属性对应的颜色

background 属性来设置进度条背景色

70%
40%
开启

条纹状态

stripe 可以配置条纹样式

10%
10%
10%
10%
10%
10%
开启

Attributes

参数说明类型可选值默认值
percentage百分比number0 ~ 1000
type类型FightingTypedefault primary success danger warning infoprimary
height自定义高度string / number————
show-text是否显示百分比文字内容boolean——false
outside-text是否在外部显示文本boolean——false
text-color百分比文字的颜色string————
color进度条颜色string————
background进度条背景色string————
stripe是否开启条纹效果boolean——false

Interface

组件导出以下类型定义:

ts
import type { ProgressInstance, ProgressProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/radio.html b/components/radio.html index 30042d51a..8c3f0186a 100644 --- a/components/radio.html +++ b/components/radio.html @@ -5,11 +5,11 @@ Radio 单选框 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Radio 单选框

你只有一个选择

基本使用

需要使用 v-model 绑定一个值

+ \ No newline at end of file diff --git a/components/rate.html b/components/rate.html index b6b03736d..fe560d1b1 100644 --- a/components/rate.html +++ b/components/rate.html @@ -5,11 +5,11 @@ Rate 评分 | Fighting Design - - + + - + @@ -18,7 +18,7 @@ - + @@ -31,7 +31,7 @@ -
Skip to content
On this page

Rate 评分

用于评分或打星

基本使用

通过 v-model 绑定一个值

开启

Attributes

参数说明类型可选值默认值
v-model绑定值number————
max最大分值,展示的星星数量number——5
effect-color选中颜色string——#fcc202
invalid-color 未选中的颜色string——#eef
readonly是否只读boolean——false
icon自定义 iconFightingIcon————
size图标尺寸string / number25
text-show是否展示辅助文字boolean——false
text-color辅助文字颜色string————
text-arr辅助文字数组array——['极差', '失望', '一般', '不错', '很棒']
text-size辅助文字尺寸string / number————
on-change当分数发生改变时触发的回调RateChange————

Interface

组件导出以下类型定义:

ts
import type { RateInstance, RateProps, RateChange } from 'fighting-design'

RateChange

ts
type RateChange = (value: number) => number

Contributors

+ \ No newline at end of file diff --git a/components/ripple.html b/components/ripple.html index e340346b8..4ae0cadee 100644 --- a/components/ripple.html +++ b/components/ripple.html @@ -5,11 +5,11 @@ Ripple 涟漪 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,100 +30,100 @@ -
Skip to content
On this page

Ripple 涟漪

点击就会产生涟漪的组件

基本使用

type 属性可以配置不同的按钮类型,展示不同的颜色状态

default 涟漪

primary 涟漪

success 涟漪

danger 涟漪

warning 涟漪

开启

自定义涟漪颜色

ripples-color 属性可以自定义涟漪颜色

自定义涟漪颜色

自定义涟漪颜色

自定义涟漪颜色

开启

禁用状态

disabled 可以禁用涟漪效果

禁止使用

可以使用

开启

自定义透明度

start-opacityend-opacity自定义涟漪开始和结束时候的透明度

自定义涟漪透明度

开启

Attributes

参数说明类型可选值默认值
type涟漪类型FightingTypedefault primary success danger warning——
ripples-color自定义涟漪颜色string————
duration移除涟漪节点的时间number——400
disabled是否禁用boolean——false
start-opacity涟漪动画开始的透明度number——0.5
end-opacity涟漪动画结束的透明度number——0

Slots

名称说明
default默认插入的内容

Interface

组件导出以下类型定义:

ts
import type { RippleInstance, RippleProps } from 'fighting-design'

Contributors

- +
Skip to content
On this page

Ripple 涟漪

点击就会产生涟漪的组件

基本使用

type 属性可以配置不同的按钮类型,展示不同的颜色状态

default 涟漪

primary 涟漪

success 涟漪

danger 涟漪

warning 涟漪

开启

自定义涟漪颜色

ripples-color 属性可以自定义涟漪颜色

自定义涟漪颜色

自定义涟漪颜色

自定义涟漪颜色

开启

禁用状态

disabled 可以禁用涟漪效果

禁止使用

可以使用

开启

自定义透明度

start-opacityend-opacity自定义涟漪开始和结束时候的透明度

自定义涟漪透明度

开启

Attributes

参数说明类型可选值默认值
type涟漪类型FightingTypedefault primary success danger warning——
ripples-color自定义涟漪颜色string————
duration移除涟漪节点的时间number——400
disabled是否禁用boolean——false
start-opacity涟漪动画开始的透明度number——0.5
end-opacity涟漪动画结束的透明度number——0

Slots

名称说明
default默认插入的内容

Interface

组件导出以下类型定义:

ts
import type { RippleInstance, RippleProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/select.html b/components/select.html index 8f69512d5..be29dcf73 100644 --- a/components/select.html +++ b/components/select.html @@ -5,11 +5,11 @@ Select 选择器 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Select 选择器

到了需要选择的时间了

基本使用

使用 v-model 绑定一个值,f-option 组件定义每一个选项内容

+ \ No newline at end of file diff --git a/components/skeleton.html b/components/skeleton.html index 3f39c1a62..5915392cd 100644 --- a/components/skeleton.html +++ b/components/skeleton.html @@ -5,11 +5,11 @@ Skeleton 骨架屏 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Skeleton 骨架屏

在数据完整加载之前显示的占位骨架

基本使用

最简单的占位使用。

开启

多行骨架屏

rows 可以配置多行效果

开启

动画效果

animated 可以配置动画效果

开启

不同尺寸

size 属性可以配置不同大小

开启

Attributes

参数说明类型可选值默认值
round是否带圆角的boolean——false
animated是否展示波浪动画boolean——false
rows渲染多行占位图number——1
difference首位是否有长度差异boolean——false
row-gap自定义间距尺寸number / string————
loading为 true 时,显示占位图。false 展示子组件boolean——false
size自定义尺寸FightingSizelarge middle small minimiddle

Slots

名称说明
defaultloading 结束待渲染组件

Interface

组件导出以下类型定义:

ts
import type { SkeletonInstance, SkeletonProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/slider.html b/components/slider.html index d9c92b33b..7c8aad303 100644 --- a/components/slider.html +++ b/components/slider.html @@ -5,11 +5,11 @@ Slider 滑动输入条 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Slider 滑动输入条

用滑动的方式改变数值

基本使用

使用 v-model 绑定一个数字

50
开启

Attributes

参数说明类型可选值默认值
v-model / model-value绑定值number / array——0
step步长number——1
min最小值number——0
max最大值number——100
disabled是否禁用boolean——false
range是否可范围性取值boolean——false
bg-color自定义滑块背景色string————

Interface

组件导出以下类型定义:

ts
import type { SliderInstance, SliderProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/space.html b/components/space.html index a9d848d42..4ae5e8fdb 100644 --- a/components/space.html +++ b/components/space.html @@ -5,11 +5,11 @@ Space 间距 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Space 间距

设置组件之间的间距

基本使用

基本使用

开启

Attributes

参数说明类型可选值默认值
spacing间距尺寸FightingSizelarge middle small minimiddle
vertical是否竖直排列boolean——false
nowrap是否禁止换行boolean——false
row-gap自定义纵向间距string————
column-gap自定义横向间距string————

Interface

组件导出以下类型定义:

ts
import type { SpaceInstance, SpaceProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/sticky-card.html b/components/sticky-card.html index 43ba6a66e..401b56fb0 100644 --- a/components/sticky-card.html +++ b/components/sticky-card.html @@ -5,11 +5,11 @@ StickyCard 粘性卡片 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

StickyCard 粘性卡片

粘性卡片有没有听过?

基本使用

open 可以控制卡片是否展开

开启
开启

Attributes

参数说明类型可选值默认值
open是否展开boolean——false
open-text操作栏展开时的文字string——关闭
close-text操作栏关闭时的文字string——开启
border-color自定义边框颜色string————
on-open打开时的回调HandleChange————
on-close关闭时的回调HandleChange————

Slots

名称说明
default默认折叠内容
source来源内容

Interface

组件导出以下类型定义:

ts
import type { StickyCardInstance, StickyCardProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/svg-icon.html b/components/svg-icon.html index 85e165977..a32b5a8d2 100644 --- a/components/svg-icon.html +++ b/components/svg-icon.html @@ -5,11 +5,11 @@ Svg Icon 图标 | Fighting Design - - + + - + @@ -32,7 +32,7 @@ - + @@ -45,7 +45,7 @@ -
Skip to content
On this page

Svg Icon 图标

使用 svg 的图标库

使用之前

在使用 svg-icon 组件之前,需要先进行安装

shell
# pnpm
+    
Skip to content
On this page

Svg Icon 图标

使用 svg 的图标库

使用之前

在使用 svg-icon 组件之前,需要先进行安装

shell
# pnpm
 pnpm add --save-dev @fighting-design/fighting-icon
 
 # npm
@@ -66,9 +66,9 @@
 
 <script lang="ts" setup>
   import { FIconApps, FIconBluetooth, FIconBook } from '@fighting-design/fighting-icon'
-</script>
开启

集合

svg-icon 集合,点击即可直接复制,共收入 266 个图标

FIconAnchor
FIconApps
FIconAppsMinus
FIconAppsPlus
FIconArchive
FIconArrowDown
FIconArrowDownLeft
FIconArrowDownRight
FIconArrowLeft
FIconArrowRight
FIconArrowUp
FIconArrowUpLeft
FIconArrowUpRight
FIconAtSign
FIconAtom
FIconBell
FIconBellSlash
FIconBin
FIconBinary
FIconBlock
FIconBluetooth
FIconBluetoothConnected
FIconBluetoothSearching
FIconBluetoothSlash
FIconBook
FIconBookOpen
FIconBookmark
FIconBriefcase
FIconBug
FIconCalendar
FIconCamera
FIconCameraVideo
FIconCameraVideoSlash
FIconCandy
FIconCards
FIconCast
FIconCertificate
FIconChartBar
FIconChartLine
FIconChevronDown
FIconChevronLeft
FIconChevronRight
FIconChevronUp
FIconChevronsDown
FIconChevronsLeft
FIconChevronsRight
FIconChevronsUp
FIconChevronsUpDown
FIconChip
FIconCircle
FIconCircleCross
FIconCircleMinus
FIconCircleTick
FIconCircleWarning
FIconClipboard
FIconClipboardTick
FIconClock
FIconClockAlarm
FIconClockTime
FIconCloud
FIconClover
FIconCode
FIconCoffee
FIconCog
FIconCompass
FIconConicalFlask
FIconContainer
FIconCopy
FIconCopyleft
FIconCopyright
FIconCreditcard
FIconCrop
FIconCross
FIconCrosshair
FIconCube
FIconDatabase
FIconDiamond
FIconDiff
FIconDisc
FIconDownload
FIconDroplet
FIconEraser
FIconExtensions
FIconEye
FIconEyeOffOutline
FIconEyeOutline
FIconEyeSlash
FIconFaceFrown
FIconFaceNeutral
FIconFaceSmile
FIconFile
FIconFileBinary
FIconFileCode
FIconFileSymlink
FIconFiles
FIconFilter
FIconFlag
FIconFlame
FIconFloppyDisk
FIconFolder
FIconFolderSymlink
FIconFolders
FIconForward
FIconFullSharp
FIconGamepad
FIconGem
FIconGift
FIconGitBranch
FIconGitCherryPick
FIconGitCompare
FIconGitFork
FIconGitMerge
FIconGitRequest
FIconGitRequestCross
FIconGitRequestDraft
FIconGitcommit
FIconGithub
FIconGitlab
FIconGlobe
FIconGrabHorizontal
FIconGrabVertical
FIconGraduateCap
FIconHash
FIconHeadphones
FIconHeart
FIconHelp
FIconHexagon
FIconHome
FIconHourglass
FIconId
FIconImage
FIconInbox
FIconInfinity
FIconInfo
FIconKey
FIconLaptop
FIconLayoutColumns
FIconLayoutDashboard
FIconLayoutGrid
FIconLayoutList
FIconLayoutRows
FIconLayoutSidebar
FIconLayoutStackH
FIconLayoutStackV
FIconLightbulb
FIconLightningBolt
FIconLink
FIconLinkExternal
FIconLinkSlash
FIconLoadingA
FIconMail
FIconMap
FIconMapOin
FIconMediaBack
FIconMediaEject
FIconMediaFastForward
FIconMediaPause
FIconMediaPlay
FIconMediaRewind
FIconMediaSkip
FIconMenuHamburger
FIconMenuKebab
FIconMenuMeatball
FIconMessage
FIconMessages
FIconMicrophone
FIconMinus
FIconMobile
FIconMonitor
FIconMonitorArrow
FIconMonitorCross
FIconMoon
FIconMusic
FIconNewspaper
FIconNorthStar
FIconNotes
FIconNotesCross
FIconNotesTick
FIconNut
FIconOctagon
FIconOctagonWarning
FIconOrganization
FIconPackage
FIconPadlock
FIconPaperPlane
FIconPaperclip
FIconPencil
FIconPeople
FIconPerson
FIconPhone
FIconPhoneCall
FIconPhoneCross
FIconPhoneForward
FIconPhoneIncoming
FIconPhoneOutgoing
FIconPin
FIconPlantPot
FIconPlus
FIconPower
FIconPrinter
FIconPulse
FIconRefresh
FIconReply
FIconRobot
FIconRocket
FIconRotateAntiClockwise
FIconRotateClockwise
FIconScales
FIconScreenMaxiMise
FIconScreenMiniMise
FIconSearch
FIconServer
FIconShare
FIconShield
FIconShieldCross
FIconShieldKeyhole
FIconShieldTick
FIconShieldWarning
FIconShoppingBag
FIconSignIn
FIconSignOut
FIconSignpost
FIconSkull
FIconSmileLine
FIconSnowflake
FIconSoundDown
FIconSoundMute
FIconSoundUp
FIconSpeaker
FIconSquare
FIconSquareCross
FIconSquareTick
FIconStack
FIconStackPop
FIconStackPush
FIconStar
FIconStarB
FIconStickyNote
FIconSun
FIconSwapHorizontal
FIconSwapVertical
FIconSword
FIconSwords
FIconTablet
FIconTag
FIconTelescope
FIconTent
FIconTerminal
FIconThumbDown
FIconThumbUp
FIconTick
FIconTickDouble
FIconTicket
FIconTreeFir
FIconTriangle
FIconTrophy
FIconUmbrella
FIconUpload
FIconWarning
FIconWifi
FIconWifiFair
FIconWifiPoor
FIconWifiSlash
FIconWifiWarning
FIconZoomIn
FIconZoomOut

Attributes

参数说明类型可选值默认值
coloricon 颜色string————
sizeicon 大小string / number————
iconicon 内容FightingIcon————
on-click点击触发的回调HandleMouse————

Slots

名称说明
defaulticon 的内容

Interface

组件导出以下类型定义:

ts
import type { SvgIconInstance, SvgIconProps } from 'fighting-design'

Contributors

- +</script>
开启

集合

svg-icon 集合,点击即可直接复制,共收入 266 个图标

FIconAnchor
FIconApps
FIconAppsMinus
FIconAppsPlus
FIconArchive
FIconArrowDown
FIconArrowDownLeft
FIconArrowDownRight
FIconArrowLeft
FIconArrowRight
FIconArrowUp
FIconArrowUpLeft
FIconArrowUpRight
FIconAtSign
FIconAtom
FIconBell
FIconBellSlash
FIconBin
FIconBinary
FIconBlock
FIconBluetooth
FIconBluetoothConnected
FIconBluetoothSearching
FIconBluetoothSlash
FIconBook
FIconBookOpen
FIconBookmark
FIconBriefcase
FIconBug
FIconCalendar
FIconCamera
FIconCameraVideo
FIconCameraVideoSlash
FIconCandy
FIconCards
FIconCast
FIconCertificate
FIconChartBar
FIconChartLine
FIconChevronDown
FIconChevronLeft
FIconChevronRight
FIconChevronUp
FIconChevronsDown
FIconChevronsLeft
FIconChevronsRight
FIconChevronsUp
FIconChevronsUpDown
FIconChip
FIconCircle
FIconCircleCross
FIconCircleMinus
FIconCircleTick
FIconCircleWarning
FIconClipboard
FIconClipboardTick
FIconClock
FIconClockAlarm
FIconClockTime
FIconCloud
FIconClover
FIconCode
FIconCoffee
FIconCog
FIconCompass
FIconConicalFlask
FIconContainer
FIconCopy
FIconCopyleft
FIconCopyright
FIconCreditcard
FIconCrop
FIconCross
FIconCrosshair
FIconCube
FIconDatabase
FIconDiamond
FIconDiff
FIconDisc
FIconDownload
FIconDroplet
FIconEraser
FIconExtensions
FIconEye
FIconEyeOffOutline
FIconEyeOutline
FIconEyeSlash
FIconFaceFrown
FIconFaceNeutral
FIconFaceSmile
FIconFile
FIconFileBinary
FIconFileCode
FIconFileSymlink
FIconFiles
FIconFilter
FIconFlag
FIconFlame
FIconFloppyDisk
FIconFolder
FIconFolderSymlink
FIconFolders
FIconForward
FIconFullSharp
FIconGamepad
FIconGem
FIconGift
FIconGitBranch
FIconGitCherryPick
FIconGitCompare
FIconGitFork
FIconGitMerge
FIconGitRequest
FIconGitRequestCross
FIconGitRequestDraft
FIconGitcommit
FIconGithub
FIconGitlab
FIconGlobe
FIconGrabHorizontal
FIconGrabVertical
FIconGraduateCap
FIconHash
FIconHeadphones
FIconHeart
FIconHelp
FIconHexagon
FIconHome
FIconHourglass
FIconId
FIconImage
FIconInbox
FIconInfinity
FIconInfo
FIconKey
FIconLaptop
FIconLayoutColumns
FIconLayoutDashboard
FIconLayoutGrid
FIconLayoutList
FIconLayoutRows
FIconLayoutSidebar
FIconLayoutStackH
FIconLayoutStackV
FIconLightbulb
FIconLightningBolt
FIconLink
FIconLinkExternal
FIconLinkSlash
FIconLoadingA
FIconMail
FIconMap
FIconMapOin
FIconMediaBack
FIconMediaEject
FIconMediaFastForward
FIconMediaPause
FIconMediaPlay
FIconMediaRewind
FIconMediaSkip
FIconMenuHamburger
FIconMenuKebab
FIconMenuMeatball
FIconMessage
FIconMessages
FIconMicrophone
FIconMinus
FIconMobile
FIconMonitor
FIconMonitorArrow
FIconMonitorCross
FIconMoon
FIconMusic
FIconNewspaper
FIconNorthStar
FIconNotes
FIconNotesCross
FIconNotesTick
FIconNut
FIconOctagon
FIconOctagonWarning
FIconOrganization
FIconPackage
FIconPadlock
FIconPaperPlane
FIconPaperclip
FIconPencil
FIconPeople
FIconPerson
FIconPhone
FIconPhoneCall
FIconPhoneCross
FIconPhoneForward
FIconPhoneIncoming
FIconPhoneOutgoing
FIconPin
FIconPlantPot
FIconPlus
FIconPower
FIconPrinter
FIconPulse
FIconRefresh
FIconReply
FIconRobot
FIconRocket
FIconRotateAntiClockwise
FIconRotateClockwise
FIconScales
FIconScreenMaxiMise
FIconScreenMiniMise
FIconSearch
FIconServer
FIconShare
FIconShield
FIconShieldCross
FIconShieldKeyhole
FIconShieldTick
FIconShieldWarning
FIconShoppingBag
FIconSignIn
FIconSignOut
FIconSignpost
FIconSkull
FIconSmileLine
FIconSnowflake
FIconSoundDown
FIconSoundMute
FIconSoundUp
FIconSpeaker
FIconSquare
FIconSquareCross
FIconSquareTick
FIconStack
FIconStackPop
FIconStackPush
FIconStar
FIconStarB
FIconStickyNote
FIconSun
FIconSwapHorizontal
FIconSwapVertical
FIconSword
FIconSwords
FIconTablet
FIconTag
FIconTelescope
FIconTent
FIconTerminal
FIconThumbDown
FIconThumbUp
FIconTick
FIconTickDouble
FIconTicket
FIconTreeFir
FIconTriangle
FIconTrophy
FIconUmbrella
FIconUpload
FIconWarning
FIconWifi
FIconWifiFair
FIconWifiPoor
FIconWifiSlash
FIconWifiWarning
FIconZoomIn
FIconZoomOut

Attributes

参数说明类型可选值默认值
coloricon 颜色string————
sizeicon 大小string / number————
iconicon 内容FightingIcon————
on-click点击触发的回调HandleMouse————

Slots

名称说明
defaulticon 的内容

Interface

组件导出以下类型定义:

ts
import type { SvgIconInstance, SvgIconProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/swap.html b/components/swap.html index 88b57ff59..d69c465a9 100644 --- a/components/swap.html +++ b/components/swap.html @@ -5,11 +5,11 @@ Swap 切换 | Fighting Design - - + + - + @@ -19,7 +19,7 @@ - + @@ -32,66 +32,66 @@ -
Skip to content
On this page

Swap 切换

精致的切换组件

基本使用

需要使用 v-model 绑定一个值

icon-onicon-off 分别控制切换的不同图标

开启

不同尺寸

size 属性可配置不同的尺寸

开启

不同动画

type 属性可以配置不同的动画类型

开启

Attributes

参数说明类型可选值默认值
v-model绑定值boolean——false
size组件尺寸string / number——40
type动画类型SwapTypesound swap——
icon-on打开展示的图标FightingIcon————
icon-off关闭展示的图标FightingIcon————
on-change当绑定值发生改变时触发的回调SwapChange————

Interface

组件导出以下类型定义:

ts
import type { SwapInstance, SwapProps, SwapType, SwapChange } from 'fighting-design'

SwapType

ts
type SwapType = 'sound' | 'swap'

SwapChange

ts
type SwapChange = (value: boolean, evt: MouseEvent) => void

Contributors

- +
Skip to content
On this page

Swap 切换

精致的切换组件

基本使用

需要使用 v-model 绑定一个值

icon-onicon-off 分别控制切换的不同图标

开启

不同尺寸

size 属性可配置不同的尺寸

开启

不同动画

type 属性可以配置不同的动画类型

开启

Attributes

参数说明类型可选值默认值
v-model绑定值boolean——false
size组件尺寸string / number——40
type动画类型SwapTypesound swap——
icon-on打开展示的图标FightingIcon————
icon-off关闭展示的图标FightingIcon————
on-change当绑定值发生改变时触发的回调SwapChange————

Interface

组件导出以下类型定义:

ts
import type { SwapInstance, SwapProps, SwapType, SwapChange } from 'fighting-design'

SwapType

ts
type SwapType = 'sound' | 'swap'

SwapChange

ts
type SwapChange = (value: boolean, evt: MouseEvent) => void

Contributors

+ \ No newline at end of file diff --git a/components/switch.html b/components/switch.html index e9cf5a7e7..65da2a9c6 100644 --- a/components/switch.html +++ b/components/switch.html @@ -5,11 +5,11 @@ Switch 开关 | Fighting Design - - + + - + @@ -18,7 +18,7 @@ - + @@ -31,83 +31,83 @@ -
Skip to content
On this page

Switch 开关

这不是 switch 游戏机,而是个开关

基本使用

switch 的基本使用,需要使用 v-model 绑定一个值


开启

不同大小

size 属性可以配置不同大小的 switch

开启

禁用状态

disabled 属性可以禁用 switch

开启

加载状态

loading 属性可以加载 switch

开启

方形的

square 属性可以将 switch 设置为方形样式

开启

自定义颜色

close-coloractive-color 可以自定义开关的颜色

开启

描述文字

close-textactive-text 可以自定义开关左右的描述文字

关闭
开启
开启

带有 icon

icon 可以让 switch 上带有 icon

开启

Attributes

参数说明类型可选值默认值
modelValue / v-model绑定值string——false
size组件尺寸FightingSizelarge middle small minimiddle
disabled是否禁用boolean——false
loading是否为加载状态boolean——false
icon自定义 iconFightingIcon————
close-color自定义关闭状态背景色string————
active-color自定义开启状态背景色string————
active-text自定义右侧的文字描述string————
close-text自定义左侧的文字描述string————
square是否为方形开关boolean——false
icon-size自定义 icon 大小string / number————
on-change绑定值发生改变时触发的回调HandleChange————

Interface

组件导出以下类型定义:

ts
import type { SwitchInstance, SwitchProps } from 'fighting-design'

Contributors

- +
Skip to content
On this page

Switch 开关

这不是 switch 游戏机,而是个开关

基本使用

switch 的基本使用,需要使用 v-model 绑定一个值


开启

不同大小

size 属性可以配置不同大小的 switch

开启

禁用状态

disabled 属性可以禁用 switch

开启

加载状态

loading 属性可以加载 switch

开启

方形的

square 属性可以将 switch 设置为方形样式

开启

自定义颜色

close-coloractive-color 可以自定义开关的颜色

开启

描述文字

close-textactive-text 可以自定义开关左右的描述文字

关闭
开启
开启

带有 icon

icon 可以让 switch 上带有 icon

开启

Attributes

参数说明类型可选值默认值
modelValue / v-model绑定值string——false
size组件尺寸FightingSizelarge middle small minimiddle
disabled是否禁用boolean——false
loading是否为加载状态boolean——false
icon自定义 iconFightingIcon————
close-color自定义关闭状态背景色string————
active-color自定义开启状态背景色string————
active-text自定义右侧的文字描述string————
close-text自定义左侧的文字描述string————
square是否为方形开关boolean——false
icon-size自定义 icon 大小string / number————
on-change绑定值发生改变时触发的回调HandleChange————

Interface

组件导出以下类型定义:

ts
import type { SwitchInstance, SwitchProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/table.html b/components/table.html index 2dcc43077..eac38dea8 100644 --- a/components/table.html +++ b/components/table.html @@ -5,11 +5,11 @@ Table 表格 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Table 表格

将数据格式化

基本使用

data 属性绑定需要展示的数据

columns 属性配置表格的头部内容,其中 title 为每一项的表头内容,key 对应 data 中每一项的键

姓名年龄介绍
卡莉斯塔22她的被动可以在发动攻击后进行小距离的跳跃
艾希16拥有强大减速和控制能力的远程射手
李青34非常优秀的打野英雄
贾克斯109取得优势的武器可以输出成吨的伤害
+ \ No newline at end of file diff --git a/components/tabs.html b/components/tabs.html index 70d518808..f0e0f67f0 100644 --- a/components/tabs.html +++ b/components/tabs.html @@ -5,11 +5,11 @@ Tabs 标签页 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Tabs 标签页

在同一块区域切换内容

基本使用

tabs 的基本使用

+ \ No newline at end of file diff --git a/components/tag.html b/components/tag.html index 479c02de0..461278f75 100644 --- a/components/tag.html +++ b/components/tag.html @@ -5,11 +5,11 @@ Tag 标签 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,33 +30,33 @@ -
Skip to content
On this page

Tag 标签

一个标签

基本使用

type 属性可以配置不同的按钮类型,展示不同的颜色状态

开启

简约的

simple 属性可以配置简约的提示,样式依然由 type 控制

开启

线性的

line 属性可以配置线性的提示,样式依然由 type 控制

开启

自定义颜色

backgroundcolor 可以自定义标签颜色,将覆盖原有的 type

开启

标签大小

size 自定义标签大小

开启

块级元素

通过 block 属性可以将标签设置为块级元素。

开启

可关闭的

close 可配置可以关闭的

开启

Attributes

参数说明类型可选值默认值
type标签类型FightingTypedefault success danger warning primary——
close是否可关闭boolean——false
line线性的boolean——false
round圆角boolean——false
background自定义背景色string————
color自定义文字颜色string————
before-icon左侧 iconFightingIcon————
after-icon右侧 iconFightingIcon————
size标签大小FightingSizelarge middle small minismall
simple是否为简约模式boolean——false
block是否为块级元素boolean——false
on-close点击关闭按钮触发的回调HandleMouse————
on-click点击执行的回调HandleMouse————

Slots

名称说明
defaulttag 的内容

Interface

组件导出以下类型定义:

ts
import type { TagInstance, TagProps } from 'fighting-design'

Contributors

- +
Skip to content
On this page

Tag 标签

一个标签

基本使用

type 属性可以配置不同的按钮类型,展示不同的颜色状态

开启

简约的

simple 属性可以配置简约的提示,样式依然由 type 控制

开启

线性的

line 属性可以配置线性的提示,样式依然由 type 控制

开启

自定义颜色

backgroundcolor 可以自定义标签颜色,将覆盖原有的 type

开启

标签大小

size 自定义标签大小

开启

块级元素

通过 block 属性可以将标签设置为块级元素。

开启

可关闭的

close 可配置可以关闭的

开启

Attributes

参数说明类型可选值默认值
type标签类型FightingTypedefault success danger warning primary——
close是否可关闭boolean——false
line线性的boolean——false
round圆角boolean——false
background自定义背景色string————
color自定义文字颜色string————
before-icon左侧 iconFightingIcon————
after-icon右侧 iconFightingIcon————
size标签大小FightingSizelarge middle small minismall
simple是否为简约模式boolean——false
block是否为块级元素boolean——false
on-close点击关闭按钮触发的回调HandleMouse————
on-click点击执行的回调HandleMouse————

Slots

名称说明
defaulttag 的内容

Interface

组件导出以下类型定义:

ts
import type { TagInstance, TagProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/text.html b/components/text.html index fd7f03792..9a55d8855 100644 --- a/components/text.html +++ b/components/text.html @@ -5,11 +5,11 @@ Text 文字 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,36 +30,36 @@ -
Skip to content
On this page

Text 文字

让文字活起来

基本使用

type 属性可以配置不同的文字类型,展示不同的颜色状态

普通文字

主要文字

成功文字

危险文字

警告文字

开启

不同大小

size 属性可以配置不同大小的 text

主要文字

成功文字

危险文字

警告文字

开启

自定义颜色

如果你不喜欢 type 属性带了的不同颜色,你也可以使用 color 属性自定义你的 text 颜色

hello

自定义颜色的字体

开启

背景颜色

如果你希望文字带上背景颜色,你可以使用 background 属性自定义背景颜色

背景颜色

背景颜色

背景颜色

开启

文字独占一行

使用 block 属性可将文字显示为块状元素,独占一行

文字

文字

文字

开启

字间距

使用 spacing 属性自定义字间距

小间距

中等间距

大间距

开启

缩进量

使用 indent 属性规定文字块中首行文字的缩进

文字

文字

文字

开启

是否加粗

使用 bold 属性可将文字设置为粗体显示

未加粗文字

加粗的主要文字

加粗的成功文字

加粗的危险文字

开启

文字修饰

使用 decoration 属性规定添加到文字的修饰,例如:上划线(overline)中划线(line-through)下划线(underline)

标准文字

上划线

中划线

下划线

开启

内边距

使用 padding 属性可定义元素边框与元素内容之间的空间,即上下左右的内边距

上下左右相同的简写

上下、左右分别相同

分别定义上下左右

开启

省略文本

ellipsis 属性可以配置是否省略文本,需配合 width 属性使用,超出显示省略号

省略文字省略文字省略文字省略文字

开启

Attributes

参数说明类型可选值默认值
type类型FightingTypedefault primary success danger warningdefault
size文字大小string / number————
color文字颜色string————
background背景颜色string————
block是否独占一行boolean——false
spacing文字间距string / number————
line-height行高string / number————
indent首字符缩进量string / number————
bold文字是否以粗体显示boolean——false
decoration文字的修饰TextDecorationoverline line-through underline——
padding内边距string / number————
width宽度string / number————
ellipsis是否省略文本,需配合 width 宽度使用boolean————
center是否居中boolean——false

Slots

名称说明
defaulttext 的内容

Interface

组件导出以下类型定义:

ts
import type { TextInstance, TextProps, TextDecoration } from 'fighting-design'

TextDecoration

ts
type TextDecoration = 'overline' | 'line-through' | 'underline'

Contributors

- +
Skip to content
On this page

Text 文字

让文字活起来

基本使用

type 属性可以配置不同的文字类型,展示不同的颜色状态

普通文字

主要文字

成功文字

危险文字

警告文字

开启

不同大小

size 属性可以配置不同大小的 text

主要文字

成功文字

危险文字

警告文字

开启

自定义颜色

如果你不喜欢 type 属性带了的不同颜色,你也可以使用 color 属性自定义你的 text 颜色

hello

自定义颜色的字体

开启

背景颜色

如果你希望文字带上背景颜色,你可以使用 background 属性自定义背景颜色

背景颜色

背景颜色

背景颜色

开启

文字独占一行

使用 block 属性可将文字显示为块状元素,独占一行

文字

文字

文字

开启

字间距

使用 spacing 属性自定义字间距

小间距

中等间距

大间距

开启

缩进量

使用 indent 属性规定文字块中首行文字的缩进

文字

文字

文字

开启

是否加粗

使用 bold 属性可将文字设置为粗体显示

未加粗文字

加粗的主要文字

加粗的成功文字

加粗的危险文字

开启

文字修饰

使用 decoration 属性规定添加到文字的修饰,例如:上划线(overline)中划线(line-through)下划线(underline)

标准文字

上划线

中划线

下划线

开启

内边距

使用 padding 属性可定义元素边框与元素内容之间的空间,即上下左右的内边距

上下左右相同的简写

上下、左右分别相同

分别定义上下左右

开启

省略文本

ellipsis 属性可以配置是否省略文本,需配合 width 属性使用,超出显示省略号

省略文字省略文字省略文字省略文字

开启

Attributes

参数说明类型可选值默认值
type类型FightingTypedefault primary success danger warningdefault
size文字大小string / number————
color文字颜色string————
background背景颜色string————
block是否独占一行boolean——false
spacing文字间距string / number————
line-height行高string / number————
indent首字符缩进量string / number————
bold文字是否以粗体显示boolean——false
decoration文字的修饰TextDecorationoverline line-through underline——
padding内边距string / number————
width宽度string / number————
ellipsis是否省略文本,需配合 width 宽度使用boolean————
center是否居中boolean——false

Slots

名称说明
defaulttext 的内容

Interface

组件导出以下类型定义:

ts
import type { TextInstance, TextProps, TextDecoration } from 'fighting-design'

TextDecoration

ts
type TextDecoration = 'overline' | 'line-through' | 'underline'

Contributors

+ \ No newline at end of file diff --git a/components/textarea.html b/components/textarea.html index 97609cfc0..5806b15b7 100644 --- a/components/textarea.html +++ b/components/textarea.html @@ -5,11 +5,11 @@ Textarea 文本域 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Textarea 文本域

可多行输入的文本域

基本使用

需要使用 v-model 绑定一个值

开启

Attributes

参数说明类型可选值默认值
v-model绑定值string————
rows元素的输入文本的行数string / number——3
disabled是否禁用boolean——false
max-length最大输入长度上限number————
auto-height是否自适应高度boolean——false
autofocus是否自动获取焦点boolean——false
font-size自定义字体大小string / number————
name原生 name 属性string——f-input
placeholder占位符string————
readonly是否只读boolean——false
clear是否可清空boolean——false
resize拉伸方式TextareaResizenone both
horizontal vertical
——
on-blur失去焦点触发的回调HandleEvent————
on-focus获取焦点触发的回调HandleEvent————
on-change绑定值发生变化时触发的回调InputChange————
on-enter按下回车触发的回调InputEnter————

Interface

组件导出以下类型定义:

ts
import type { TextareaInstance, TextareaProps, TextareaResize } from 'fighting-design'

TextareaResize

ts
type TextareaResize = 'none' | 'both' | 'horizontal' | 'vertical'

Contributors

+ \ No newline at end of file diff --git a/components/time-picker.html b/components/time-picker.html index 1b356eeeb..50ffc46b5 100644 --- a/components/time-picker.html +++ b/components/time-picker.html @@ -5,11 +5,11 @@ Time Picker 时间选择器 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -29,8 +29,8 @@ - -
Skip to content
On this page

Time Picker 时间选择器

选取你想要的时间

基本使用

使用 v-model:time 绑定一个值

开启

Attributes

参数说明类型可选值默认值
v-model:time绑定值string————
disabled是否禁用boolean——false
clear是否可清空boolean——false
placeholder占位符string————
size尺寸FightingSizelarge middle small minimiddle

Interface

组件导出以下类型定义:

ts
import type { TimePickerInstance, TimePickerProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/components/toolbar.html b/components/toolbar.html index 36c567689..c3f32f77f 100644 --- a/components/toolbar.html +++ b/components/toolbar.html @@ -5,11 +5,11 @@ Toolbar 工具栏 | Fighting Design - - + + - + @@ -20,7 +20,7 @@ - + @@ -33,59 +33,59 @@ -
Skip to content
On this page

Toolbar 工具栏

工具栏就用它

基本使用

工具栏的基本使用,icon 可以配置带有图表的选项

开启

不同大小

size 属性可以配置不同的大小

开启

圆角

round 属性为圆角

开启

背景色

background 可以自定义背景色

text-color 可以自定义文字颜色

开启

点击事件

f-toolbar 采用事件委托,可以给 f-toolbar 添加事件,并给每个 f-toolbar-item 添加唯一的 index,那么在 click 的回调中就可以解构出 key 用于区分

也可以给每个 f-toolbar-item 单独添加点击事件

开启

Toolbar Attributes

参数说明类型可选值默认值
size尺寸FightingSizelarge middle small minilarge
round显示为圆角boolean——false
background背景颜色string————
text-color字体颜色string————
fixed是否固定定位boolean——false
width自定义宽度string / number————
height自定义高度string / number————
on-click点击之后触发的回调ToolbarClick————

Toolbar Slots

名称说明
default子工具栏选项

Toolbar-Item Attributes

参数说明类型可选值默认值
index唯一值string / number————
color自定义文字颜色string————
icon自定义 iconFightingIcon————
icon-size自定义 icon 大小string / number——16
on-click点击之后触发的回调HandleMouse————

Toolbar-Item Slots

名称说明
default默认内容

Interface

组件导出以下类型定义:

ts
import type {
-  ToolbarInstance,
-  ToolbarProps,
-  ToolbarClick
-  ToolbarItemInstance,
-  ToolbarItemProps,
-} from 'fighting-design'

ToolbarClick

ts
type ToolbarClick = (index: string | null, evt: MouseEvent) => void

Contributors

- +
Skip to content
On this page

Toolbar 工具栏

工具栏就用它

基本使用

工具栏的基本使用,icon 可以配置带有图表的选项

开启

不同大小

size 属性可以配置不同的大小

开启

圆角

round 属性为圆角

开启

背景色

background 可以自定义背景色

text-color 可以自定义文字颜色

开启

点击事件

f-toolbar 采用事件委托,可以给 f-toolbar 添加事件,并给每个 f-toolbar-item 添加唯一的 index,那么在 click 的回调中就可以解构出 key 用于区分

也可以给每个 f-toolbar-item 单独添加点击事件

开启

Toolbar Attributes

参数说明类型可选值默认值
size尺寸FightingSizelarge middle small minilarge
round显示为圆角boolean——false
background背景颜色string————
text-color字体颜色string————
fixed是否固定定位boolean——false
width自定义宽度string / number————
height自定义高度string / number————
on-click点击之后触发的回调ToolbarClick————

Toolbar Slots

名称说明
default子工具栏选项

Toolbar-Item Attributes

参数说明类型可选值默认值
index唯一值string / number————
color自定义文字颜色string————
icon自定义 iconFightingIcon————
icon-size自定义 icon 大小string / number——16
on-click点击之后触发的回调HandleMouse————

Toolbar-Item Slots

名称说明
default默认内容

Interface

组件导出以下类型定义:

ts
import type {
+  ToolbarInstance,
+  ToolbarProps,
+  ToolbarClick
+  ToolbarItemInstance,
+  ToolbarItemProps,
+} from 'fighting-design'

ToolbarClick

ts
type ToolbarClick = (index: string | null, evt: MouseEvent) => void

Contributors

+ \ No newline at end of file diff --git a/components/tooltip.html b/components/tooltip.html index 645399dbf..c0a3ebebb 100644 --- a/components/tooltip.html +++ b/components/tooltip.html @@ -5,11 +5,11 @@ Tooltip 消息提示 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,44 +30,44 @@ -
Skip to content
On this page

Tooltip 消息提示

藏入你的提示内容

基本使用

content 设置弹出的信息内容,position 可以配置不同的弹出方向

开启

不同状态

state 属性可以配置不同的展示状态

开启

没有箭头

no-arrow 可以禁止显示箭头

开启

Attributes

参数说明类型可选值默认值
content提示内容string / umber————
position弹出方向TooltipPositiontop bottom right leftbottom
disabled是否禁用boolean——false
state展示状态TooltipStatehover active alwayshover
no-arrow是否显示箭头boolean——false
bold是否加粗文字boolean——false
bright是否使用浅色主题boolean——false
background自定义背景色string————
font-color自定义文字颜色string————

Slots

名称说明
default默认插槽

Interface

组件导出以下类型定义:

ts
import type {
-  TooltipInstance,
-  TooltipProps,
-  TooltipPosition,
-  TooltipState
-} from 'fighting-design'

TooltipPosition

ts
type TooltipPosition = 'top' | 'bottom' | 'right' | 'left'

TooltipState

ts
type TooltipState = 'hover' | 'active' | 'always'

Contributors

- +
Skip to content
On this page

Tooltip 消息提示

藏入你的提示内容

基本使用

content 设置弹出的信息内容,position 可以配置不同的弹出方向

开启

不同状态

state 属性可以配置不同的展示状态

开启

没有箭头

no-arrow 可以禁止显示箭头

开启

Attributes

参数说明类型可选值默认值
content提示内容string / umber————
position弹出方向TooltipPositiontop bottom right leftbottom
disabled是否禁用boolean——false
state展示状态TooltipStatehover active alwayshover
no-arrow是否显示箭头boolean——false
bold是否加粗文字boolean——false
bright是否使用浅色主题boolean——false
background自定义背景色string————
font-color自定义文字颜色string————

Slots

名称说明
default默认插槽

Interface

组件导出以下类型定义:

ts
import type {
+  TooltipInstance,
+  TooltipProps,
+  TooltipPosition,
+  TooltipState
+} from 'fighting-design'

TooltipPosition

ts
type TooltipPosition = 'top' | 'bottom' | 'right' | 'left'

TooltipState

ts
type TooltipState = 'hover' | 'active' | 'always'

Contributors

+ \ No newline at end of file diff --git a/components/tree.html b/components/tree.html index a183bc693..1b6e97c3e 100644 --- a/components/tree.html +++ b/components/tree.html @@ -5,11 +5,11 @@ Tree 树 | Fighting Design - - + + - + @@ -18,7 +18,7 @@ - + @@ -31,7 +31,7 @@ -
Skip to content
On this page

Tree 树

树形结构

基本使用

需要传入一个 data 的树形结构来展示

Node 1
Node 2
Node 3
+ \ No newline at end of file diff --git a/components/trigger.html b/components/trigger.html index 6bc8a037d..df44b6637 100644 --- a/components/trigger.html +++ b/components/trigger.html @@ -5,11 +5,11 @@ Trigger 触发器 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Trigger 触发器

需要触发才能实现的下拉菜单

基本使用

trigger 属性可配置不同的触发方式,默认插槽展示触发器,content 插槽插入弹出内容

开启

Attributes

参数说明类型可选值默认值
spacing触发器和内容之间的间距string / number————
disabled是否禁用boolean——false
trigger触发方式TriggerTriggerhover clickhover
width自定义宽度string / number————
arrow是否带有箭头boolean——false
enter-duration弹出动画持续时间number————
leave-duration关闭动画持续时间number————
on-change弹窗状态改变时触发的回调HandleChange————
on-open弹窗状态打开时触发的回调HandleChange————
on-close弹窗状态关闭时触发的回调HandleChange————

Slots

名称说明
default触发器内容
content弹出内容

Methods

参数说明
close关闭触发器

Interface

组件导出以下类型定义:

ts
import type { TriggerInstance, TriggerProps, TriggerTrigger } from 'fighting-design'

TriggerTrigger

ts
type TriggerTrigger = 'hover' | 'click'

Contributors

+ \ No newline at end of file diff --git a/components/up-load.html b/components/up-load.html index 41ea991be..0cc1e89f8 100644 --- a/components/up-load.html +++ b/components/up-load.html @@ -5,11 +5,11 @@ Up Load 文件上传 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

Up Load 文件上传

千万不要上传 2G 以上的文件

基本使用

需要使用 v-model:files 绑定一个数组

开启

Attributes

参数说明类型可选值默认值
v-model:files文件列表array————
accept接受的文件类型string————
name原生 name 属性string————
drag是否可拖拽上传boolean——false
is-remove是否可删除boolean——true
show-list是否展示文件列表boolean——false
multiple是否可多选boolean——false
max-size最大上传尺寸number————
max-length最大上传数量number————
disabled是否禁用boolean——false
on-load上传成功后执行的回调UpLoadCallback————
on-change绑定的文件列表发生改变时触发的回调UpLoadCallback————

Slots

名称说明
default自定义上传按钮样式

Interface

组件导出以下类型定义:

ts
import type { UpLoadInstance, UpLoadProps, UpLoadCallback } from 'fighting-design'

UpLoadCallback

ts
type UpLoadCallback = (files: File[]) => void

Contributors

+ \ No newline at end of file diff --git a/components/watermark.html b/components/watermark.html index aced8ebba..9b9d19cb4 100644 --- a/components/watermark.html +++ b/components/watermark.html @@ -5,11 +5,11 @@ Watermark 水印 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,47 +30,47 @@ -
Skip to content
On this page

Watermark 水印

据说水印容易让人讨厌?

基本使用

content 可以配置想要显示的文字内容

开启

自定义文字样式

font-colorfont-size 可以自定义你需要的文字大小和颜色

开启

Attributes

参数说明类型可选值默认值
content水印内容string————
gap间距number——40
fontSize文字大小number——40
fontColor文字颜色string——#111
zIndex原生 z-index 属性number / string——9999

Slots

名称说明
default水印覆盖的内容

Interface

组件导出以下类型定义:

ts
import type { WatermarkInstance, WatermarkProps } from 'fighting-design'

Contributors

- +
Skip to content
On this page

Watermark 水印

据说水印容易让人讨厌?

基本使用

content 可以配置想要显示的文字内容

开启

自定义文字样式

font-colorfont-size 可以自定义你需要的文字大小和颜色

开启

Attributes

参数说明类型可选值默认值
content水印内容string————
gap间距number——40
fontSize文字大小number——40
fontColor文字颜色string——#111
zIndex原生 z-index 属性number / string——9999

Slots

名称说明
default水印覆盖的内容

Interface

组件导出以下类型定义:

ts
import type { WatermarkInstance, WatermarkProps } from 'fighting-design'

Contributors

+ \ No newline at end of file diff --git a/docs/changelog.html b/docs/changelog.html index 341068391..efb72a557 100644 --- a/docs/changelog.html +++ b/docs/changelog.html @@ -5,11 +5,11 @@ 更新日志 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,9 +30,9 @@ -
Skip to content
On this page

更新日志

中文 | 英文

1.0.0-alpha.7 (2024-05-24)

  • f-select 组件 on-before-change 配置项新增回调参数

1.0.0-alpha.6 (2024-05-23)

  • f-select 新增 on-before-change 配置项
  • f-confirm-box 组件新增 z-index 配置项

1.0.0-alpha.5 (2024-05-13)

  • 修复 f-select 组件默认值不显示问题

1.0.0-alpha.4 (2024-05-14)

  • 修复 f-select 组件默认值不显示问题

1.0.0-alpha.3 (2024-05-11)

  • 修复 f-select 组件默认值不显示问题
  • 修复 f-select 组件过滤时无法点击选择的问题

1.0.0-alpha.2 (2024-05-11)

修复

  • 修复 f-select 组件 width 配置项失效问题
  • 修复 f-select 组件 filter 配置输入文字不显示问题
  • 修复 f-select 组件交互不友好的问题

样式

  • 优化 f-input 样式细节

1.0.0-alpha.1 (2024-04-30)

  • 修复 f-tree 添加元素响应式丢失问题 #469
  • 修复 f-message 参数 close-btn 类型错误问题 #478

0.67.4 (2024-03-21)

  • 修复 image 组件参数错误问题

0.67.3 (2024-03-05)

  • 修复 f-up-load 组件配置 show-list 之后在特定情况下列表无法清空的问题
  • 修复 f-select 组件配置 filter 绑定值错误的问题

0.67.2 (2024-03-01)

  • 新增 f-form-item 对象深层校验
  • 修复 f-form-item 对于数据类型参数无法识别报错的问题

0.67.1 (2024-01-02)

  • 修复 package.json 配置问题

0.67.0 (2024-01-02)

  • 更新依赖项版本 vue@3.3.0 => vue@3.4.3
  • 修复 package.json 配置问题

0.66.4 (2023-12-24)

  • 新增 f-select 组件 filter 配置项

0.66.3 (2023-12-21)

  • 修复 f-table 组件 data 参数响应式丢失问题

0.66.2 (2023-12-20)

  • 新增 f-tabale 组件 selecton-select 配置项

0.66.1 (2023-12-19)

  • 修复 f-pagination 组件在 total 小于 page-size 时候显示页码错误的问题
  • 修复 f-pagination 组件在执行 on-prevon-next 回调的时候为执行 on-change 的问题

0.66.0 (2023-12-18)

  • 修复 f-table 组件对于英文字母的文字不换行样式的问题
  • 修复 f-table 组件返回类型
  • 修复 f-aside 组件样式被挤压的问题
  • 修复 f-header 组件高度无法自动撑开的问题
  • 修复 f-select 组件选中值的类型判断条件
  • 新增 f-table 组件 noData 插槽

0.65.0 (2023-12-12)

  • 更新 f-menu 组件 on-menu-item-clickon-submenu-click 方法参数接收顺序
  • 更新 f-swap 组件 on-change 方法参数接收顺序
  • 修复 f-calendar 组件部分回调失效问题
  • 修复 f-date-picker 选择日期失效问题
  • 修复 f-tooltip 组件受到布局影响的样式问题

0.64.1 (2023-12-01)

  • 修复 f-submenu 组件折叠动画太慢的问题

0.64.0 (2023-10-07)

  • 修复 f-dialog 样式的详细问题
  • 修复 f-watermark 可删除问题

0.63.1 (2023-08-28)

  • 修复 f-select 组件多个不会触发滚动到选中元素问题

0.63.0 (2023-08-25)

  • 优化 f-dialog 组件样式
  • 新增 f-select 组件展开默认滚动到选中元素效果
  • 优化 f-calendar 组件
  • 修复 f-collapse-animation 组件宽度过渡失效问题

0.62.2 (2023-08-23)

  • 修复 f-collapse-animation 组件样式细节

0.62.1 (2023-08-23)

  • 修复 f-collapse-animation 组件样式细节

0.62.0 (2023-08-23)

  • f-collapse-animation 组件新增 width-animation 配置项

0.61.0 (2023-08-15)

  • 优化 f-drawer f-dialog 组件样式
  • 优化 f-radiof-checkbox 样式细节
  • 重构 f-tree 组件
  • 新增 f-confirm-box 组件

0.60.0 (2023-08-04)

  • 优化 f-radio 组件样式
  • 废除 f-tabs-pane 组件
  • 新增 f-tabs-item 组件
  • 新增 f-switch 组件 loading 配置项
  • 废除 f-tabs 组件 edit-status on-edit 配置项
  • 废除 f-infinite-scrolling 组件 on-scroll-when 配置项
  • 废除 f-infinite-scrolling 组件 styles 配置项
  • 废除 f-infinite-scrolling 组件 loading 配置项
  • 重构 f-infinite-scrolling 组件
  • 重构 f-tabs 组件
  • 废除 f-infinite-scrolling 组件 on-scroll-end 参数类型修改
  • 修复 f-textareaf-inputf-dialogf-drawerf-date-pickerf-image-previewf-input-numberf-paginationf-radio-groupf-swapf-selectf-switchf-time-pickf-up-loadf-rate 组件在双向绑定空值时的警告问题

0.52.0 (2023-07-14)

  • 新增 f-avatar-group 组件

0.51.0 (2023-06-26)

  • 重构 f-input 组件样式
  • 废除 f-input 组件 backgroundactive-backgroundactive-border-color 配置项
  • 重构 f-textarea 组件样式

0.50.1 (2023-06-21)

修复

  • 修复 defineModel 类型错误问题
  • 修复组件内部警告或错误信息不提示问题
  • 修复 f-back-top 传递错误参数报错问题
  • 修复 f-pagination 组件切换每页大小失效问题
  • 修复 f-pagination 组件 round 对于切换按钮失效问题

改动

  • 组件 f-pagination 参数 page-sizes 改为 page-select

0.50.0 (2023-06-20)

新增

  • 新增 f-select 箭头样式
  • 新增 f-trigger 组件 width 配置项
  • 新增 f-dropdown 组件 width 配置项

修复

  • 修复 f-form-item 组件 name 错误导致的报错

其它

  • 优化 f-space 组件样式细节
  • 优化 emit 实现方式
  • f-select 组件 width 默认值改为 190

0.44.0 (2023-06-18)

  • 修改 f-tag 关闭逻辑,从内部状态改为数据启动
  • 新增 f-tag 组件 on-click 配置项

0.43.3 (2023-06-18)

  • 修复 f-dialog 样式问题

0.43.2 (2023-06-18)

  • 优化 f-badge f-tag f-toolbar f-table 组件样式细节

0.43.1 (2023-06-16)

  • 修复 f-dialog 组件样式细节

0.42.0 (2023-06-16)

修复

  • 修复 f-notification 动画失效问题
  • 修复 f-input 组件 type 响应式丢失问题
  • 修复 f-up-load 继续多选重置之前文件的问题
  • 修复 f-collapse-animation 组件初始展开关闭时动画失效的问题

优化

  • 优化 f-message 组件样式细节
  • 优化 f-notification 组件样式细节
  • 优化 f-text 组件样式细节

废除

  • 废除 f-dialog height 配置项
  • 废除 f-drawer size 配置项
  • 废除 f-popup 组件
  • 重构 f-dialog f-drawer 组件

新增

  • 新增 f-dialog 组件 mask-background mask-opacity show-header 配置项
  • 新增 f-drawer 组件 mask-background mask-opacity show-header 配置项

0.41.0 (2023-06-04)

修复

  • 修复 f-popup 层级问题
  • 修复 f-calender 回到当前时间错误的问题
  • 修复 f-dialog 头部样式问题
  • 修复 f-time-picker 组件样式问题

其它

  • f-calender 组件废除 CalendarChangeParams 类型
  • f-calender 组件新增 on-change 回调

0.40.4 (2023-06-04)

修复

  • 修复 f-button 组件部分参数响应式丢失问题
  • 修复 f-drawer 组件内容部分超出不显示滚动条问题
  • 修复 f-popup 组件内容部分超出不显示滚动条问题

其它

  • f-popup 组件 z-index 配置项默认值改为 null

0.40.3 (2023-05-22)

  • 修复 f-avatar 组件意外的边距展示问题

0.40.2 (2023-05-20)

新增

  • f-collapse-animation 组件新增 width-animation animation-time on-open on-close on-open-end on-close-end 配置项

0.40.1 (2023-05-19)

更新

  • f-textarea 组件新增 on-enter 配置项
  • f-textarea 组件按下 Enter 不会触发换行,改为 Ctrl + Enter 换行

修复

  • 修复 f-textarea 组件 close 按钮样式错误问题

0.40.0 (2023-05-19)

更新

  • f-input 组件 autocomplete 配置项默认值改为 off
  • f-textarea 组件新增 auto-height 配置项

修复

  • 修复 f-input 组件 on-enter 类型

0.39.0 (2023-05-18)

  • 修复 f-option 关闭报错问题
  • 修复 f-time-pick 关闭报错问题
  • 修复 f-main 组件名错误问题
  • 修复 f-ripple 组件名错误问题
  • 修复 f-option 点击报错问题

0.38.0 (2023-05-11)

修复

  • 修复 f-form 类型错误
  • 修复 f-skeleton 组件样式
  • 修复 f-trigger 组件触发时间错误的问题

0.37.0 (2023-05-10)

更新

  • f-skeleton 组件样式细节优化
  • f-skeleton 组件新增 row-gapdifference 配置项
  • f-form 组件 on-submit 回调参数类型修改,由一个对象类型,改为四个参数类型
  • f-form-item 组件新增 validator 校验方法
  • 新增部分 hooks 封装

修复

  • 修复 f-form 组件没有传递 rules 和 name 也触发表单校验的问题
  • 修复点击 f-trigger 内容部分也会关闭的问题

0.36.1 (2023-05-08)

  • 修复 f-dialog 样式问题
  • f-form 新增 submitvalidate 方法

0.36.0 (2023-05-08)

优化

  • 优化 f-triggerf-dropdown 样式细节
  • 优化部分组件类型
  • 优化部分 hooks 参数

修复

  • 修复 f-trigger 组件 hover 状态移出内容立即隐藏的问题
  • 修复 f-back-top 组件添加事件监听组件卸载未移除的问题

0.35.0 (2023-05-07)

优化

  • 优化 f-inputf-textarea 样式细节

新增

  • f-inputf-textarea 组件新增 font-size 配置项
  • f-dialog 组件新增 height 配置项
  • f-popup 组件新增 fullscreen 配置项

修复

  • 修复 f-radio 组件样式问题
  • 修复 f-checkbox 组件样式问题
  • 废除 f-checkbox 组件 indeterminate 配置项
  • 修复 f-trigger 组件层级关系和缩放位置显示错误问题

0.34.0 (2023-05-05)

修复

  • 修复 f-avatar f-image 组件绑定动态 src 图片不变化的问题
  • 修复 f-avatar f-image 组件对齐样式问题
  • 修复 f-dialog f-popup 类型错误

新增

  • 新增 f-count-down 倒计时组件

更改

  • f-dialog 宽高样式修改
  • f-up-load 组件 show-list 默认值改为 false

0.33.2 (2023-05-01)

  • 修复 f-avatar 组件 round 对于 text 失效问题

0.33.1 (2023-04-27)

  • f-form 组件新增 label-position 配置项
  • 优化 f-form 样式细节

0.33.0 (2023-04-25)

  • 废除 f-table 组件 optional 配置项
  • f-table 组件类型优化
  • 优化 f-input f-textarea 组件实现

Fix

  • 修复 f-tooltip 组件部分情况 disabled 无效
  • 修复 utils isFunction 方法,解决部分组件对于 async 函数失效问题

0.32.0 (2023-04-12)

  • 修复 FMessage 不同弹出位置错误的问题
  • 修复 FMessage 多弹出偏移量错误问题

0.31.1 (2023-04-10)

  • 修复 FMessage 不同弹出位置错误的问题

0.31.0 (2023-04-10)

  • FNotification 组件 type 默认值改为 null
  • FNotification 组件 duration 默认值改为 2500
  • FNotification 组件废除 close Events
  • FNotification 组件样式优化
  • FMessage 组件 duration 默认值改为 2500
  • FMessage 组件废除 close Events
  • FMessageFNotification 添加 on-close 回调参数类型
  • f-sticky-card 组件样式细节优化

0.30.0 (2023-04-01)

  • 修复 message 组件导出类型

0.28.2 (2023-04-01)

  • 修复全局类型错误

0.28.1 (2023-04-01)

  • f-progress 组件新增 start 配置项
  • 优化类型配置文件,修复打包目录结构

0.28.0 (2023-03-21)

  • f-image 组件 no-select 配置项改为 select
  • 优化 f-imagef-avatar 组件
  • f-radio 组件废除 border 配置项
  • f-radio 组件新增 background 配置项
  • f-radio 组件样式重构

0.27.2 (2023-03-13)

修复

  • 修复 f-pagination 切换也码数显示错误的问题

0.27.1 (2023-03-10)

新增

  • f-input 组件新增 widthheight 配置项
  • f-input 组件兼容全局配置

优化

  • 优化 f-textarea 样式细节

其它

  • f-textarea 组件 resize 配置项默认值改为 null

0.27.0 (2023-03-08)

修复

  • 修复 f-select 组件 width 失效问题
  • 修复 f-box 组件样式问题
  • 修复 f-table 组件样式参数失效问题
  • 修复 f-pagination 组件下拉菜单选择失效问题
  • 修复 f-pagination 点击错位的问题
  • 修复 f-pagination 样式问题

优化

  • 优化 f-toolbar 组件回调参数和类型
  • 优化 f-input 组件回调参数和类型
  • 优化 f-pagination 组件样式细节

新增

  • f-select 组件新增 on-change 配置项

0.26.2 (2023-03-01)

修复

  • 修复 f-slider 组件偏移量错误的问题

其它

  • f-select 组件新增 size 配置项
  • 优化 f-pagination 组件

0.26.1 (2023-02-28)

修复

  • 修复 f-slider 组件偏移量错误的问题

其它

  • 优化 f-expand-card 组件细节
  • f-expand-card 组件新增 on-change 配置项

0.26.0 (2023-02-24)

  • 优化 f-back-top 组件实现
  • f-menu 组件新增 on-menu-item-click on-submenu-click 配置项
  • 修复 f-menu 组件折叠问题
  • 重构 f-collapse-animation 组件

0.25.1 (2023-02-21)

  • 修复 f-submenu 组件类名问题

0.25.0 (2023-02-21)

  • 优化 f-image-preview 组件弹出动画效果
  • f-image-preview 组件新增 append-to-body 配置项
  • 完善全部组件 ts 类型注释
  • f-expand-card 组件新增 vertical 配置项

0.24.0 (2023-02-17)

  • f-progress 组件 type 新增 infodefault 配置项
  • f-swap 组件 type 废除 default 配置项
  • f-link 组件 state 配置项的 bag 可选值改为 background
  • f-link 组件废除 beforeIconafterIcon 插槽
  • f-divider 组件新增 height 配置项,优化部分参数配置

0.23.1 (2023-02-16)

  • 优化部分 ts 类型错误
  • 添加部分浏览器兼容适配
  • 优化部分 utils 方法的严格性

0.23.0 (2023-02-15)

  • f-badge 组件优化细节
  • f-slider 组件废除 range 配置项
  • f-slider 组件新增 background active-color width 配置项
  • f-card 组件新增 border-color background title-color title-bold close on-close 配置项
  • f-input 组件新增 autocomplete 配置项
  • f-input 组件新增 before 插槽
  • f-date-picker 组件新增 placeholder add-zero 配置项
  • 修复 f-date-picker 清空时的警告提示

0.22.1 (2023-02-07)

  • f-calendar 组件废除 memorandum 配置项
  • 优化 f-calendar 组件农历描述的优先级展示状态
  • 大幅度优化内部代码实现

0.22.0 (2023-02-03)

  • f-button f-alert f-badge f-tag 组件新增 type 为 info 可选项
  • f-alert 组件样式微调
  • f-aside 组件新增 background 配置项
  • f-input 样式微调
  • f-input 组件新增 background text-color active-background active-border-color 配置项

0.21.0 (2023-02-01)

  • f-badge 组件 type 新增 default 配置项
  • f-badge 组件 color 配置项改为 background
  • f-badge 组件 font-color 配置项改为 color
  • 所有组件样式优化

0.20.3 (2023-01-31)

  • 针对 f-button 组件样式做了较大优化,内部样式实现优化

0.20.2 (2023-01-30)

  • 修复 f-switchf-fighting-global 下失效问题

0.20.1 (2023-01-29)

  • 修复 FNotification 组件名错误的问题
  • 优化 FMessageFNotification 组件公共方法

0.20.0 (2023-01-17)

  • 优化 f-space 样式细节
  • 修复 f-tabs 一些已知问题
  • 废除 f-progress 组件 widthsquare linear text-inside 配置项
  • 新增 f-progress 组件 outside-text 配置项

0.19.2 (2023-01-16)

  • 优化 f-imagef-avatar 组件类型
  • 优化 f-up-load 回调类型
  • 完善更多组件的 role

0.19.1 (2023-01-13)

  • 优化 f-dropdown-item 样式细节
  • 优化 f-trigger 关闭展示细节处理

0.19.0 (2023-01-12)

优化

  • 优化 f-tag 样式细节
  • 优化 f-button 样式细节
  • 优化 f-alert 样式细节

修复

  • 修复 f-ripple 组件响应式失效问题
  • 修复 f-text 组件响应式失效问题
  • 修复 f-button 涟漪失效问题

0.18.0 (2023-01-12)

修复

  • 修复 f-tree 类型问题

0.17.3 (2023-01-11)

修复

  • 修复 f-button 在 icon 状态下导致的意外边距问题
  • 修复 f-input-number 组件 size 失效问题

新增

  • 新增 f-input-number 组件 button-type 配置项

0.17.2 (2023-01-11)

修复

  • 修复 f-alert 滚动失效问题

0.17.1 (2023-01-10)

修复

  • 修复 f-alert f-link f-ripple f-tag f-text 响应式失效问题
  • 修复 f-number-animate 返回 NaN 的问题

0.17.0 (2023-01-09)

优化

  • 优化部分组件 css
  • 针对 f-tabs 组件做了较大优化
  • 优化 f-tabs 样式

打包

  • 优化了 css 打包,加入 postcss 配置项

0.16.0 (2023-01-05)

修复

  • 修复 f-input 在黑暗模式下不显示 placeholder 的问题 issues#330
  • 修复 f-ripple 组件在全局配置下 type 失效问题
  • 修复全局配置组件响应式丢失问题

新增

  • 新增 f-input 组件 placeholder-color 配置项
  • 新增 f-calendar 组件国际化配置
  • 新增 f-page-header 组件国际化配置

其它改动

  • f-avatar 组件 font-size 默认值改为 null
  • f-avatar 组件 font-color 默认值改为 null
  • f-calendar 组件 border-color 默认值改为 null
  • f-calendar 组件 day-cell-height 默认值改为 null
  • f-calendar 组件 week-cell-height 默认值改为 null
  • f-page-header 组件 back-text 默认值改为 null
  • 废除 f-sticky-card 组件 background 配置项

0.15.0 (2023-01-03)

修复

  • 修复 f-alert 组件 center 失效问题

新增

  • 新增 f-infinite-scrolling 组件
  • 新增 f-number-animate 组件

0.14.0 (2022-12-30)

新增

  • 新增 f-alert 组件 alert-list 配置项

优化

  • 废除 f-alert 组件 overflow 配置项
  • 优化 f-popup 组件弹出状态针对滚动条的处理
  • 优化 f-dialog f-drawer 组件样式细节

修复

  • 修复 f-checkbox 组件 border 状态样式问题
  • 修复 f-input-number 警告错误

0.13.2 (2022-12-29)

  • 修复 f-ripple 组件失效问题

0.13.1 (2022-12-29)

修复

  • 修复 f-svg-icon 类型
  • 修复 f-rate 类型
  • 修复 f-calendar 组件样式问题 #315

0.13.0 (2022-12-28)

新功能

  • 新增 f-box 组件
  • 完善 f-tree 组件

修复

  • 修复 f-button 组件涟漪效果报错问题

0.12.0 (2022-12-20)

新功能

  • 新增 f-form 组件
  • 新增 f-form-item 组件

修复

  • 修复 f-space 组件样式细节
  • 修复 f-back-top 组件 z-index 失效问题

其它更新

  • 废除 loading-bar 组件
  • 优化 f-input 组件类型

0.11.2 (2022-12-15)

新增

  • 新增 f-button 组件 spread 配置项

修复

  • 修复 f-image-preview 的警告错误
  • 修复 f-button 组件样式细节
  • 修复 f-tag 组件样式细节
  • 修复 f-space 组件样式细节

其它改动

  • f-space 组件废除 wrap 配置项
  • f-space 组件新增 nowrap 配置项
  • f-space 组件 row-gap column-gap 配置项支持 number 类型

0.11.1 (2022-12-13)

  • 修复 f-tag 组件 size 失效问题 issues#309
  • 修复一些细节类型问题
  • 优化 f-imagef-avatar 组件加载过程中的样式处理优化

0.11.0 (2022-12-13)

新功能

  • f-fighting-global 组件新增 lang 配置项
  • f-toolbar 组件 widthheight 配置项支持 number 类型

其它更新

  • 修复了全局组件的类型

0.10.0 (2022-12-11)

修复

  • 修复 f-listf-list-item 组件 bug
  • 修复 f-trigger 组件禁用效果失效问题

新增

  • 新增 f-fighting-global 组件
  • 新增 f-list 组件 zebra-color 配置项
  • 新增 f-list 组件 size 配置项新增 mini 可选项

其它更新

  • f-button 组件样式细节优化
  • f-sticky-card 组件移除 open-height 配置项
  • f-rate 组件 size 配置项默认值改为 25

0.9.0 (2022-12-07)

  • 完善 f-menu 组件
  • 优化部分组件 role 属性
  • 优化 f-svg-icon 组件样式细节

0.9.0-alpha.8 (2022-12-06)

新功能

  • 新增 f-slider 组件

优化项

  • 优化 f-toolbar 组件点击相关逻辑
  • 优化 f-pagination 组件样式实现
  • 优化 f-tag 组件内部逻辑
  • 优化 f-button 组件实现
  • 优化 f-ripple 组件实现
  • 废除 f-ripple 组件 no-select 配置项

其它改动

  • f-card 组件 padding 配置项默认值修改
  • f-card 组件 shadow 配置项可选参数修改
  • f-pagination 组件 prev-click 配置项改为 on-prev
  • f-pagination 组件 next-click 配置项改为 on-next
  • f-pagination 组件 change 配置项改为 on-change
  • f-tooltip 组件 content 配置项支持 number 类型
  • f-breadcrumbf-breadcrumb-item 组件参数进行了部分改动
  • 全局导出类型较大幅度改动,详情参考文档组件导出类型

0.9.0-alpha.7 (2022-12-01)

新增

  • 新增 f-breadcrumb-item 组件 to 配置项
  • 完善更多 f-menu 组件功能

优化

  • 优化 f-switch 细节样式和性能
  • 优化 f-button 样式处理逻辑
  • 优化 f-dropdown-item 样式细节
  • 优化 f-option 样式细节
  • 优化 f-select 样式细节

改动

  • f-link 组件 prohibit 配置项改为 disabled
  • f-switch 组件 open-color 改为 active-color
  • f-switch 组件 open-text 改为 active-text

0.9.0-alpha.6 (2022-11-29)

新功能

  • 新增 f-menu 组件
  • 新增 f-menu-item 组件
  • 新增 f-menu-item-group 组件
  • 新增 f-submenu 组件
  • 新增 f-collapse-animation 组件
  • 新增 f-button-group 组件 direction 配置项

修复

  • 修复 f-pagination 组件细节问题
  • 修复 f-button 组件样式细节

其它改动

  • 废除 f-button-group 组件 vertical 配置项
  • 优化 f-sticky-card 组件

0.9.0-alpha.5 (2022-11-25)

新功能

  • 新增 f-trigger 组件

其它更新

  • 优化 f-space 组件样式细节
  • f-sticky-card 组件 open-end close-end 回调参数改为 on-open on-close

0.9.0-alpha.4 (2022-11-23)

新功能

  • 新增 f-date-picker 组件
  • 新增 f-time-picker 组件
  • 新增 f-input-number 组件
  • 新增 f-input 组件 type 属性 number 类型
  • 新增 f-input 组件 after-icon 配置项
  • 新增 f-input 组件 on-input 配置项
  • 新增 f-input 组件 after 插槽
  • 新增 f-textarea 组件 on-input 配置项
  • 新增 f-input 组件加入查看密码切换动画效果
  • 新增 f-breadcrumb-item 组件 color icon-color separator 配置项
  • 新增 f-tag 组件关闭动画
  • 新增 f-card 组件 padding 实现 number 类型参数

修复 Bug

  • 修复 f-input 组件 on-change 回调错误的问题
  • 修复 f-textarea 组件 on-change 回调错误的问题
  • 修复 f-list-item 单独使用报错的问题

其它更新

  • 优化 f-input 组件查看密码方式
  • 优化 f-dropdown 组件样式细节
  • 优化 f-alert 组件样式细节
  • 优化 f-back-top 组件样式细节
  • 重构 f-calendar 组件头部样式
  • 重构 f-calendar 组件内部细节
  • 重构 f-tag 组件内部细节
  • 废除 f-list 组件 list-style 配置项
  • 重构 f-skeleton 组件 size 配置项
  • 废除 f-skeleton 组件 circled 配置项
  • 废除 f-close-btn 组件 no-hover 配置项
  • f-breadcrumb 组件 separator-color 参数改为 icon-color
  • f-breadcrumb 组件 item-color 参数改为 color
  • f-skeleton 组件 rounded 参数改为 round
  • f-back-top 组件 bottom right background color 参数默认值更新
  • f-toolbar-item 组件 click 参数改为 on-click
  • f-toolbar-item 组件 data-key 参数改为 index
  • f-toolbar-item 组件 icon-size 参数改为默认值 16
  • f-toolbar 组件 click 参数改为 on-click
  • f-image-preview 组件 close 回调改为 on-close
  • f-alert 组件 close-end 回调改为 on-close
  • f-button 组件 click 回调改为 on-click
  • f-avatar 组件 load error 回调改为 on-load on-error
  • f-image 组件 load error 回调改为 on-load on-error
  • f-calendar 组件 change-switch change-date 回调改为 on-change-month on-change-date
  • f-card 组件 padding 参数改为默认值为 20
  • f-checkbox 组件 change 参数改为 on-change
  • f-checkbox-group 组件 change 参数改为 on-change
  • f-close-btn 组件 click 参数改为 on-click
  • f-dialog 组件 open open-end close close-end 改为 on-open on-open-end on-close on-close-end
  • f-drawer 组件 open open-end close close-end 改为 on-open on-open-end on-close on-close-end
  • f-popup 组件 open open-end close close-end 改为 on-open on-open-end on-close on-close-end
  • f-dropdown-item 组件 click 参数改为 on-click
  • f-link 组件 click 参数改为 on-click
  • f-message 组件 close-end 参数改为 on-close
  • f-notification 组件 close-end 参数改为 on-close
  • f-page-header 组件 back 参数改为 on-back
  • f-radio 组件 change 参数改为 on-change
  • f-radio-group 组件 change 参数改为 on-change
  • f-svg-icon 组件 click 参数改为 on-click
  • f-switch 组件 change 参数改为 on-change
  • f-tag 组件 close-end 参数改为 on-close
  • f-up-load 组件 change load 参数改为 on-change on-load

0.9.0-alpha.3 (2022-11-18)

  • 更新类型配置文件
  • 修复 f-checkbox-group 类型错误

0.9.0-alpha.2 (2022-11-18)

修复 Bug

  • 修复 f-swap 组件样式细节
  • 修复 f-empty 组件样式细节
  • 修复 f-pagination 组件样式细节
  • 修复 f-up-load 组件样式细节
  • 修复 f-switch 组件样式细节
  • 修复 f-card 组件样式细节
  • 修复 f-textarea 组件样式细节
  • 修复 f-checkbox-group 类型错误
  • 更新类型配置文件

0.9.0-alpha.1 (2022-11-17)

新功能

  • 新增 f-checkbox 组件 indeterminate 配置项
  • 新增 f-textarea 组件
  • 新增 f-pagination 组件
  • 新增 f-tabs 组件
  • 重构 loading 组件
  • f-empty 组件 content-size 配置项支持 number 类型
  • f-empty 组件新增 icon-size 配置项

修复

  • 修复 f-select 组件在存在绑定值之后不显示 label 的问题
  • 修复 f-radio-group 组件样式细节
  • 修复 f-text 组件样式细节
  • 修复 f-button 组件样式细节

其它

  • f-switch 组件 size 配置项新增 mini 可选择
  • f-switch 组件新增 icon-size 配置项
  • 优化全局组件部分参数默认值

0.8.1-alpha.4 (2022-11-13)

  • 新增 f-back-top 组件显示隐藏的动画样式
  • 新增 f-alert 组件显示隐藏的动画样式
  • 优化 f-popup 弹出动画样式
  • 优化 f-dropdown 弹出动画样式

0.8.1-alpha.3 (2022-11-11)

新增

  • 新增 f-dropdown 组件
  • 新增 f-dropdown-item 组件
  • 新增 f-option 组件
  • 新增 f-select 组件
  • 新增 f-table 组件 show-head 配置项

修复

  • 修复 f-button 组件样式细节
  • 修复 f-drawerf-dialog 组件回调参数失效问题

0.8.1-alpha.2 (2022-11-08)

修复

  • 修复 f-button 组件自定义颜色的样式细节
  • 修复 f-table 组件样式细节

0.8.1-alpha.1 (2022-11-08)

新特性

  • f-checkbox 组件新增 show-label 配置项
  • f-checkbox 组件 modelValue 配置项新增 array 类型
  • 新增 f-table 组件

其它

  • 优化了些 f-button 组件的样式细节
  • 优化 f-toolbar 组件的一些内部实现和类型

0.8.0-alpha.6 (2022-11-06)

修复 Bug

  • 修复 f-image-preview 图片预览组件操作栏点击失效的问题
  • 优化部分组件类型

0.8.0-alpha.5 (2022-11-04)

  • 对于 ts 类型方面,做了进一步的优化
  • 新增 f-up-load 组件

0.8.0-alpha.4 (2022-11-02)

  • 主要针对目录结构进行了规范处理
  • 优化一些类型文件的位置

0.8.0-alpha.3 (2022-11-01)

修复 Bug

  • 修复 FMessage FNotification 组件的报错问题
  • 修复 f-radio f-radio-group 组件禁用状态的样式问题
  • 修复 f-checkbox f-checkbox-group 组件禁用状态的样式问题
  • 修复 f-alert 关闭按钮样式细节
  • 修复 f-tag 关闭按钮样式细节

改进优化

  • f-image f-avatar 组件废除 errorload emit 回调,新增 errorload props 可选项
  • f-calendar 组件废除 change-datechange-switch emit 回调,新增 change-datechange-switch props 可选项
  • f-alert 组件废除 close-end emit 回调,新增 close-end props 可选项
  • f-tag 组件废除 close-end emit 回调,新增 close-end props 可选项
  • f-page-header 组件废除 back emit 回调,新增 back props 可选项
  • f-rate 组件废除 change emit 回调,新增 change props 可选项
  • f-checkbox-group 组件废除 change emit 回调,新增 change props 可选项
  • f-link 组件废除 click emit 回调,新增 click props 可选项
  • f-button 组件废除 click emit 回调,新增 click props 可选项
  • f-toolbar 组件废除 click emit 回调,新增 click props 可选项
  • f-toolbar-item 组件废除 click emit 回调,新增 click props 可选项
  • f-switch 组件废除 change emit 回调,新增 change props 可选项
  • f-close-btn 组件废除 click emit 回调,新增 click props 可选项
  • f-loading 组件废除 close emit 回调,新增 close-end props 可选项
  • f-svg-icon 组件废除 click emit 回调,新增 click props 可选项
  • f-radio 组件废除 change emit 回调,新增 change props 可选项
  • f-radio-group 组件废除 change emit 回调,新增 change props 可选项
  • f-radio 组件在边框状态下样式做了改变
  • f-close-btn 新增 no-hover 配置项

0.8.0-alpha.2 (2022-10-28)

  • 修复按需导入组件类型的问题 #232

0.8.0-alpha.1 (2022-10-28)

  • 修复一些类型的问题
  • 优化组件代码属性提示
  • 优化构建产物
  • 优化 f-image-preview 组件样式细节 #227

0.7.1-alpha.2 (2022-10-26)

  • 优化组件打包后的类型

0.7.1-alpha.1 (2022-10-25)

  • 新增 f-swap 组件
  • 修复 f-image-preview 组件预览旋转方向错误的问题
  • 优化 f-image-preview 组件内部性能
  • f-popup 组件 open open-end close close-end 改为 props 参数

0.7.0-beta.2 (2022-10-22)

  • 新增 f-input 组件

0.7.0-beta.1 (2022-10-21)

重要更新

  • 永久废除 f-icon 组件
  • 更新所有组件的 class 命名规范

新功能

  • 新增 f-close-btn 组件 icon 配置项
  • 新增 f-close-btn 组件 color 属性
  • 新增 f-alert 组件 beforeIconcloseIcon 插槽
  • 新增 f-alert 组件 before-iconclose-icon 配置项
  • 新增 f-dialog 组件 closeIcon 插槽
  • 新增 f-dialog 组件 close-icon 配置项
  • 新增 f-drawer 组件 closeIcon 插槽
  • 新增 f-drawer 组件 close-icon 配置项
  • 新增 f-link 组件 beforeIcon afterIcon 插槽
  • 新增 f-avatar 组件 icon 插槽
  • 新增 f-avatar 组件 icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • 新增 f-loading 组件 icon 插槽
  • 新增 f-svg-icon 组件 icon 配置项

其它改动

  • f-link 组件 before-icon after-icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-button 组件 before-icon after-icon loading-icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-avatar 组件 icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-loading 组件 icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-page-header 组件 icon-size 支持 number 类型
  • f-page-header 组件 icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-rate 组件 icon 改为 VNode / Component 类型,默认值修改为 null
  • f-toolbar-item 组件 icon 改为 VNode / Component 类型,默认值修改为 null
  • f-tag 组件 before-icon after-icon 改为 VNode / Component 类型,默认值修改为 null
  • f-breadcrumb 组件 separator-icon 配置项更名为 separator
  • f-breadcrumb 组件 separator 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-notification 组件 close-btn 参数默认值改为 null
  • f-button 组件 before-icon loading-icon after-icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-sticky-card 组件插槽名由 option-left option-right 改为 optionLeft optionRight
  • 更新 f-message 组件 icon 默认值和可选类型
  • 废除 f-calendar 组件 show-footer 配置项
  • 废除 f-alert 组件 icon 属性
  • 废除 f-avatar 组件 load-animation 配置项

0.7.0-alpha.9 (2022-10-19)

  • 更新类型入口配置文件

0.7.0-alpha.8 (2022-10-19)

  • 主要针对打包类型文件做了优化

0.7.0-alpha.7 (2022-10-17)

新功能

  • 新增 f-svg-icon 组件
  • 新增 f-close-btn 组件

修复

  • 修复 f-dialog 组件参数错误问题
  • 修复 f-dialog 组件样式细节

0.7.0-alpha.6 (2022-10-15)

重点更新

  • f-mask 组件现已更名为 f-popup
  • 针对 f-popup f-drawer f-dialog 弹出相关组件做了进一步优化封装

修复 Bug

  • 修复 f-popup 组件 z-index 属性丢失问题
  • f-popup 组件新增 mask-backgroundmask-opacity popup-size padding 配置项

0.7.0-alpha.5 (2022-10-13)

新增

  • 新增 f-mask 组件

新特性

  • f-drawer 组件 with-header 配置项改为 showHeader
  • f-drawer 组件新增 showCloseBtn 配置项
  • f-drawer 组件新增 modal-blur 配置项
  • f-dialog 组件新增 modal-blur 配置项
  • f-dialog 组件移除 top 配置项
  • f-dialog 组件新增 show-close-icon 配置项
  • f-dialog 组件 width height 配置项支持 number 类型
  • f-dialog 组件的 openopen-endcloseclose-end 回调参数由 emit 传递改为 props 传递
  • f-loading 组件新增 icon-color 属性
  • f-dialog 组件废除 height 组件

修复 Bug

  • 修复 message f-dialog f-switch 组件 props 校验器的拼写错误

0.7.0-alpha.4 (2022-10-11)

  • 新增 f-checkbox 组件
  • 新增 f-rate 组件
  • 废除 f-radio-group 组件 circle 配置项
  • 修复 f-radio 组件 border 状态禁用样式细节
  • 优化部分组件语义化属性

0.7.0-alpha.3 (2022-10-06)

  • 更新 umd 打包入口
  • 优化 f-icon 组件样式实现
  • f-link 组件类名规范优化
  • 优化 f-link 组件内部实现
  • 优化 f-text 组件内部实现
  • f-text 组件 size spacing line-height text-indent padding width 属性支持 number 类型参数
  • f-text 组件 text-indent 属性改为 indent
  • f-text 内部导出新类型 TextDecorationType

0.7.0-alpha.2 (2022-09-29)

  • 修复部分组件类型规范问题

0.7.0-alpha.1 (2022-09-27)

fix

  • 修复 f-button 组件 font-color 默认值
  • 修复 f-button 组件 font-size 默认值

feat

  • f-back-top 组件 right bottom 配置项支持 number 类型
  • f-image 组件 round 配置项支持 number 类型
  • f-image 组件废除 captioncaption-color 配置项
  • f-watermark 组件 font-size 配置项支持 number 类型参数
  • f-progress 组件 width height 配置项支持 number 类型参数
  • f-alert 组件废除 fixed-style 配置项
  • f-alert 组件 font-size 配置项支持 number 类型参数
  • f-alert 组件 type 默认值改为 default
  • f-alert 组件 font-size 默认值改为 15px
  • f-alert 组件新增 title-sizetitle-color 属性
  • f-alert 组件 overflow 配置项移除 ellipsis 选项
  • f-footer 组件 height padding 配置项添加默认值
  • f-header 组件 height padding 配置项添加默认值
  • f-main 组件 padding 配置项添加默认值
  • f-toolbar 组件废除 fixed-style 配置项

perf

  • 优化了组件的 props 提示
  • 新增类型导出
  • 优化 f-avatar 组件部分样式的实现,减少代码开销
  • 优化 f-back-top 组件部分样式的实现,减少代码开销
  • 优化 f-back-top 组件部分 props 默认值
  • 优化 f-badge 组件样式实现

0.6.5-alpha.5 (2022-09-25)

feat

  • 新增 sticky-card 组件
  • f-list 组件新增 headerfooter 插槽
  • 优化 f-button 组件性能

fix

  • 修复 f-calendar 组件的一些日期显示错误的问题

0.6.5-alpha.4 (2022-09-23)

fix

  • 修复 f-image-previewf-calendar 组件内容按需引入问题

0.6.5-alpha.3 (2022-09-22)

feat

  • f-header 组件新增 padding 类型
  • f-header 组件的 height 属性支持 number 类型
  • f-footer 组件新增 padding 配置项
  • f-footer 组件的 height 属性支持 number 类型
  • f-main 组件的 padding 属性支持 number 类型
  • f-aside 组件的 width 属性支持 number 类型
  • f-aside 组件新增 padding 配置项

fix

  • 修复组件 name 导致的打包类型报错问题

0.6.5-alpha.2 (2022-09-21)

  • 新增 f-calendar 组件
  • f-text 组件的 size 属性支持 number 类型
  • 新增组件类型导出

0.6.5-alpha.1 (2022-09-16)

  • 新增 f-expand-card 组件
  • 优化 f-toolbar-itemf-toolbar 组件样式细节
  • f-toolbar-item 新增 data-key icon icon-size 配置项
  • f-toolbar 新增 click 回调参数
  • f-toolbar 针对于苹果 Safari 点击失效做出兼容
  • f-toolbar 组件废除 vague 配置项

0.6.4-alpha.10 (2022-09-14)

  • 测试修复按需引入

0.6.4-alpha.9 (2022-09-14)

  • 测试修复按需引入

0.6.4-alpha.8 (2022-09-14)

  • 测试修复按需引入

0.6.4-alpha.7 (2022-09-14)

fix

  • 修复 f-button 组件自定义颜色的 hoverdisabled 样式
  • 修复 f-page-header 组件样式细节
  • 修复 f-button 组件 text 配置项样式细节
  • 修复 f-image 组件 width 属性的一些问题

feat

  • f-icon 组件的 size 属性支持 number 类型
  • f-button 组件的 font-size 属性支持 number 类型
  • f-image 组件 rootMargin width height 属性支持 number 类型
  • f-avatar 组件 rootMargin 属性支持 number 类型
  • 新增 f-image-preview 组件
  • f-image 组件新增 click 回调

other

  • 废除 f-page-headertitleClasssubtitleClass 配置项
  • f-lint 组件 left-icon right-icon 配置项更名为 before-icon after-icon
  • f-button 组件 left-icon right-icon 配置项更名为 before-icon after-icon
  • f-tag 组件 left-icon right-icon 配置项更名为 before-icon after-icon
  • f-loading 组件的 text-color text-size 配置项更名为 font-color font-size
  • f-empty 组件废除 style-list 配置项
  • 拆分 f-empty 组件
  • 优化 f-avatar 样式细节
  • f-image 组件废除点击大图预览功能,此功能抽离至 f-image-preview 组件
  • f-image 组件废除属性:modal-close show-close-btn preview-list preview-show-index preview-z-index preview-show-option preview-round
  • 测试修复按需引入

0.6.4-alpha.6 (2022-09-11)

feat

  • 新增 f-ripple 涟漪组件
  • 新增 f-radio f-radio-group 组件

fix

  • 修复 f-button f-loading 动画样式问题
  • 修复 f-list-item 换行高度不自适应的问题

0.6.4-alpha.5 (2022-09-06)

  • 测试修复副作用组件注册

0.6.4-alpha.4 (2022-09-06)

  • 测试修复副作用组件注册

0.6.4-alpha.3 (2022-09-05)

  • 测试修复副作用组件注册

0.6.4-alpha.2 (2022-09-05)

  • 测试修复副作用组件注册

0.6.4-alpha.1 (2022-09-03)

  • 修复类型

0.6.3-alpha.3 (2022-09-03)

  • 修复了部分组件类型
  • 修复了按需引入仍然全部打包的问题

0.6.3-alpha.2 (2022-09-02)

  • 修复的配置文件
  • 一件修复在 vitepress 的错误

0.6.3-alpha.1 (2022-09-02)

  • 已修复打包引入相关的问题
  • 但是在 vitepress 中仍存在问题,在正常项目中可以正常使用

0.6.2-alpha.10 (2022-09-02)

  • 测试修复打包引入问题

0.6.2-alpha.9 (2022-09-02)

  • 测试修复打包引入问题

0.6.2-alpha.8 (2022-09-02)

  • 测试修复打包引入问题

0.6.2-alpha.7 (2022-09-02)

  • 测试修复打包引入问题

0.6.2-alpha.6 (2022-08-31)

  • 修复已知的一些引入相关配置问题

0.6.2-alpha.5 (2022-08-30)

feat

  • 新增 f-loading-bar 组件
  • 新增 notification 组件

fix

  • 修复按钮组件样式
  • 更新 f-card 组件 shadow 参数默认值。现改为 never

0.6.2-alpha.4 (2022-08-29)

feat

  • f-image 组件新增 title 配置项

fix

  • 修复 f-card 组件样式细节
  • 修复 f-skeleton 的一些样式相关细节

0.6.2-alpha.3 (2022-08-28)

  • 新增 f-skeleton 骨架屏组件
  • 优化 f-button f-alert 组件圆角样式
  • 优化 f-alert 样式细节
  • 优化 f-alert 组件 overflow 配置项
  • 移除 f-alert 组件 overflow 配置项的 roll 可选参数
  • 移除 f-novel-coronavirus 组件
  • 修复 Load 图片加载类加载死循环的问题
  • 优化 f-image 组件加载过程中是撕裂样式

0.6.2-alpha.2 (2022-08-20)

  • 修复已知打包问题

0.6.2-alpha.1 (2022-08-20)

  • 修复按钮涟漪效果类
  • 修复已知打包问题

0.6.1 (2022-08-19)

  • 优化 f-list 组件
  • 修复 f-card 组件样式细节
  • 更新 successwarning 的色号细节
  • 新增 f-empty 空状态组件
  • 优化按钮自定义颜色配置项的 hoveractive 的实现方式
  • f-tooltip 组件新增 backgroundfont-color 配置项
  • 优化图片加载类
  • f-avatar 增加错误处理插槽,增加错误处理提示信息
  • 优化 f-avatar 加载细节处理
  • f-avatar 组件新增 load-animation 配置项
  • 优化掉 f-drawer 部分导致文档打包报错的逻辑
  • 增加了 hooks 对部分类和函数的参数抽离,性能优化了 f-image f-avatar f-button f-watermark 组件
  • f-button 对于涟漪效果做了单例模式的优化

0.6.0-bate.2 (2022-08-11)

  • 更新入口文件

0.6.0-bate.1 (2022-08-11)

  • 改变样式表的文件名引入方式
  • 修复打包配置项

0.5.1-bate.5 (2022-08-10)

  • F-alert 样式引入
  • F-text 细节样式优化
  • 加入版本号导出
  • 更新 prop 的类型

0.5.1-bate.4 (2022-08-09)

  • 测试修复打包引入路径错误的问题

0.5.1-bate.3 (2022-08-09)

  • 测试修复打包引入路径错误的问题

0.5.1-bate.2 (2022-08-09)

  • 测试修复打包引入路径错误的问题

0.5.1-bate.1 (2022-08-09)

  • 修复了打包类型相关的问题

0.5.0-bate.2 (2022-08-08)

  • 修复了打包类型相关的问题

0.5.0-bate.1 (2022-08-08)

主要修复了打包的相关的配置项,在上一个版本中,如果需要按需引入组件,那么会有很多异常的错误信息,这个版本主要是针对打包做了很大的优化,已经修复了按需引入导致的致命错误。

对于目录结构也做了很大程度的优化,之前是将 utils 目录是单独抽离出来,但是现在也和组件是同级关系,只为了能够更好的打包。

0.4.2-bate.9 (2022-07-04)

feat

  • Alert 组件新增 fixed fixed-style 配置项
  • 新增 f-list 组件
  • 新增 f-list-item 组件
  • 新增 message 组件
  • f-text 组件新增 center 配置项
  • 新增 f-watermark 组件

fix

  • 修复 f-tag 组件样式细节
  • 优化 f-card 组件细节样式

0.4.2-bate.8 (2022-07-23)

feat

  • Tag 组件新增 text 配置项,实现文字标签
  • Tag 组件改变了部分样式细节,加入边框
  • Avatar 组件新增 font-sizefont-colortextroot-margin 配置项
  • Avatar 组件将 size 属性改为可配置 number 类型参数
  • 新增了样式按需引入

0.4.1-bate.7 (2022-07-19)

  • 主要修复了引入样式的报错配置

0.4.0-bate.6 (2022-07-18)

feat

  • f-progress 组件新增 textInside 配置项
  • 新增 f-novel-coronavirus 组件
  • 新增 cjsumd 打包模式

0.3.2-bate.5 (2022-07-17)

feat

  • f-tooltip 组件移除部分配置项
  • 重做 f-tooltip 组件

fix

  • 修复 f-tag 组件不展示的问题
  • 修复 f-alert 组件的展示状态和关闭回调

0.3.1-bate.4 (2022-07-15)

  • f-link 组件新增 default 配置 type
  • f-button 组件 ripples 默认值改为 false

0.3.0-bate.3 (2022-07-13)

feat

  • 新增 f-progress 组件配置项
  • 新增 f-alert 组件

fix

  • 修复 f-progress 组件百分百展示状态
  • 修复 f-text 组件样式细节
  • 修复 f-button 组件样式细节
  • 修改 f-button 组件文字按钮的样式
  • 移除 f-tag 组件 info 属性,改为 default

0.2.0-bate.2 (2022-07-08)

feat

  • 新增 f-drawer 组件
  • 新增 f-page-header 组件

fix

  • 修复 f-tag 基础样式
  • 修复 f-switch 基础样式

0.1.0-bate.1 (2022-07-05)

feat

  • 新增 dialog 组件
  • 新增 space 组件
  • 新增 progress 组件
  • 新增 captcha 组件 (bate)
  • 新增 tooltip 组件 (bate)

fix

  • 修复 f-back-top 组件的监听目标报错问题

0.0.12-alpha.12 (2022-06-29)

fix

  • 修复 back-top 组件的功能

feat

  • back-top 组件新增 z-indextoplisten-elbackgroundcolor 配置项
  • 新增 breadcrumb 组件

0.0.11-alpha.11 (2022-06-26)

fix

  • 修复打包路径错误问题

0.0.10-alpha.10 (2022-06-26)

feat

  • 新增 f-text 组件
  • 新增 f-avatar 组件
  • 新增 f-loading 组件

fix

  • f-button 组件 blob 配置项改为 bold,用于文字加粗

0.0.9-alpha.9 (2022-06-14)

feat

  • f-layout 新增 direction 配置项

fix

  • f-container 组件改名为 f-layout

0.0.8-alpha.8 (2022-06-12)

feat

  • 新增 f-tag 组件
  • 新增 f-divider 组件
  • 新增 f-badge 组件
  • 新增 f-container 组件
  • 新增 f-switch 组件
  • 新增 f-button 组件 color 配置项

fix

  • f-button 组件 f-link 属性改为 href
  • 重构 f-button 组件
  • 废除 f-buttoninfo 类型
  • 废除 f-buttonborder 属性
  • 废除 f-buttonlong 属性
  • 废除 f-inkinfo 类型
  • 废除 f-conopacity 属性

0.0.7-alpha.7 (2022-06-04)

feat

  • 新增 FCard 组件
  • 新增 f-button 组件点击的涟漪效果

fix

  • 修复 f-button 组件的圆角度数
  • 修复 f-button-group 类型

0.0.6-alpha.6 (2022-05-31)

fix

  • 修复 f-mage 组件旋转方向一致的问题
  • 修复 f-con 组件预览窗操作点击失效问题,处理点击焦点位置
  • 修复 f-conf-button 组件的类型问题
  • f-mage 组件的 select 属性改为 no-select 用于禁止选择

feat

  • 新增 f-mage 组件预览窗图片预加载功能
  • 新增 f-mage 组件预览窗渐入动画效果
  • 新增 f-mage 组件预览窗点击遮罩层隐藏功能,可通过 modal-close 配置项来配置
  • 新增 f-mage 组件预览窗图标样式优化了一些细节
  • 新增 f-mage 组件预览图左右按钮切换加入图片长度识别,是否展示效果
  • 新增 f-mage 组件 show-close-btn 配置项可配置是否展示预览窗的关闭按钮
  • 新增 f-mage 组件可通过鼠标滚轮放大缩小图片功能
  • 新增 f-mage 组件 preview-round 配置项,可配置预览图的圆角

0.0.5-alpha.5 (2022-05-27)

  • 新增 f-mage 组件
  • 增加新的 icon

0.0.4-alpha.4 (2022-05-23)

  • 新增 f-ink 组件
  • 取消 f-button 固定高度
  • 废除 f-button 组件的 iconicon-position 属性
  • 新增 f-button 组件的 left-iconright-icon 属性

0.0.3-alpha.3 (2022-05-18)

  • 修复按钮组件一些显示问题的样式
  • 删除了一个不显示的 icon
  • 取消组件默认导出
  • 压缩组件代码

0.0.2-alpha.2 (2022-05-17)

  • 更新配置文件
  • 新增打包文件

0.0.1-alpha.1 (2022-05-17)

  • 新增 f-buttonf-button-groupf-con 组件
- +
Skip to content
On this page

更新日志

中文 | 英文

1.0.0-alpha.8 (2024-06-12)

  • 修复 f-imagef-avatar 组件被挤压的问题
  • 修复 f-link 组件 no-link 状态下无法执行事件的问题

1.0.0-alpha.7 (2024-05-24)

  • f-select 组件 on-before-change 配置项新增回调参数

1.0.0-alpha.6 (2024-05-23)

  • f-select 新增 on-before-change 配置项
  • f-confirm-box 组件新增 z-index 配置项

1.0.0-alpha.5 (2024-05-13)

  • 修复 f-select 组件默认值不显示问题

1.0.0-alpha.4 (2024-05-14)

  • 修复 f-select 组件默认值不显示问题

1.0.0-alpha.3 (2024-05-11)

  • 修复 f-select 组件默认值不显示问题
  • 修复 f-select 组件过滤时无法点击选择的问题

1.0.0-alpha.2 (2024-05-11)

修复

  • 修复 f-select 组件 width 配置项失效问题
  • 修复 f-select 组件 filter 配置输入文字不显示问题
  • 修复 f-select 组件交互不友好的问题

样式

  • 优化 f-input 样式细节

1.0.0-alpha.1 (2024-04-30)

  • 修复 f-tree 添加元素响应式丢失问题 #469
  • 修复 f-message 参数 close-btn 类型错误问题 #478

0.67.4 (2024-03-21)

  • 修复 image 组件参数错误问题

0.67.3 (2024-03-05)

  • 修复 f-up-load 组件配置 show-list 之后在特定情况下列表无法清空的问题
  • 修复 f-select 组件配置 filter 绑定值错误的问题

0.67.2 (2024-03-01)

  • 新增 f-form-item 对象深层校验
  • 修复 f-form-item 对于数据类型参数无法识别报错的问题

0.67.1 (2024-01-02)

  • 修复 package.json 配置问题

0.67.0 (2024-01-02)

  • 更新依赖项版本 vue@3.3.0 => vue@3.4.3
  • 修复 package.json 配置问题

0.66.4 (2023-12-24)

  • 新增 f-select 组件 filter 配置项

0.66.3 (2023-12-21)

  • 修复 f-table 组件 data 参数响应式丢失问题

0.66.2 (2023-12-20)

  • 新增 f-tabale 组件 selecton-select 配置项

0.66.1 (2023-12-19)

  • 修复 f-pagination 组件在 total 小于 page-size 时候显示页码错误的问题
  • 修复 f-pagination 组件在执行 on-prevon-next 回调的时候为执行 on-change 的问题

0.66.0 (2023-12-18)

  • 修复 f-table 组件对于英文字母的文字不换行样式的问题
  • 修复 f-table 组件返回类型
  • 修复 f-aside 组件样式被挤压的问题
  • 修复 f-header 组件高度无法自动撑开的问题
  • 修复 f-select 组件选中值的类型判断条件
  • 新增 f-table 组件 noData 插槽

0.65.0 (2023-12-12)

  • 更新 f-menu 组件 on-menu-item-clickon-submenu-click 方法参数接收顺序
  • 更新 f-swap 组件 on-change 方法参数接收顺序
  • 修复 f-calendar 组件部分回调失效问题
  • 修复 f-date-picker 选择日期失效问题
  • 修复 f-tooltip 组件受到布局影响的样式问题

0.64.1 (2023-12-01)

  • 修复 f-submenu 组件折叠动画太慢的问题

0.64.0 (2023-10-07)

  • 修复 f-dialog 样式的详细问题
  • 修复 f-watermark 可删除问题

0.63.1 (2023-08-28)

  • 修复 f-select 组件多个不会触发滚动到选中元素问题

0.63.0 (2023-08-25)

  • 优化 f-dialog 组件样式
  • 新增 f-select 组件展开默认滚动到选中元素效果
  • 优化 f-calendar 组件
  • 修复 f-collapse-animation 组件宽度过渡失效问题

0.62.2 (2023-08-23)

  • 修复 f-collapse-animation 组件样式细节

0.62.1 (2023-08-23)

  • 修复 f-collapse-animation 组件样式细节

0.62.0 (2023-08-23)

  • f-collapse-animation 组件新增 width-animation 配置项

0.61.0 (2023-08-15)

  • 优化 f-drawer f-dialog 组件样式
  • 优化 f-radiof-checkbox 样式细节
  • 重构 f-tree 组件
  • 新增 f-confirm-box 组件

0.60.0 (2023-08-04)

  • 优化 f-radio 组件样式
  • 废除 f-tabs-pane 组件
  • 新增 f-tabs-item 组件
  • 新增 f-switch 组件 loading 配置项
  • 废除 f-tabs 组件 edit-status on-edit 配置项
  • 废除 f-infinite-scrolling 组件 on-scroll-when 配置项
  • 废除 f-infinite-scrolling 组件 styles 配置项
  • 废除 f-infinite-scrolling 组件 loading 配置项
  • 重构 f-infinite-scrolling 组件
  • 重构 f-tabs 组件
  • 废除 f-infinite-scrolling 组件 on-scroll-end 参数类型修改
  • 修复 f-textareaf-inputf-dialogf-drawerf-date-pickerf-image-previewf-input-numberf-paginationf-radio-groupf-swapf-selectf-switchf-time-pickf-up-loadf-rate 组件在双向绑定空值时的警告问题

0.52.0 (2023-07-14)

  • 新增 f-avatar-group 组件

0.51.0 (2023-06-26)

  • 重构 f-input 组件样式
  • 废除 f-input 组件 backgroundactive-backgroundactive-border-color 配置项
  • 重构 f-textarea 组件样式

0.50.1 (2023-06-21)

修复

  • 修复 defineModel 类型错误问题
  • 修复组件内部警告或错误信息不提示问题
  • 修复 f-back-top 传递错误参数报错问题
  • 修复 f-pagination 组件切换每页大小失效问题
  • 修复 f-pagination 组件 round 对于切换按钮失效问题

改动

  • 组件 f-pagination 参数 page-sizes 改为 page-select

0.50.0 (2023-06-20)

新增

  • 新增 f-select 箭头样式
  • 新增 f-trigger 组件 width 配置项
  • 新增 f-dropdown 组件 width 配置项

修复

  • 修复 f-form-item 组件 name 错误导致的报错

其它

  • 优化 f-space 组件样式细节
  • 优化 emit 实现方式
  • f-select 组件 width 默认值改为 190

0.44.0 (2023-06-18)

  • 修改 f-tag 关闭逻辑,从内部状态改为数据启动
  • 新增 f-tag 组件 on-click 配置项

0.43.3 (2023-06-18)

  • 修复 f-dialog 样式问题

0.43.2 (2023-06-18)

  • 优化 f-badge f-tag f-toolbar f-table 组件样式细节

0.43.1 (2023-06-16)

  • 修复 f-dialog 组件样式细节

0.42.0 (2023-06-16)

修复

  • 修复 f-notification 动画失效问题
  • 修复 f-input 组件 type 响应式丢失问题
  • 修复 f-up-load 继续多选重置之前文件的问题
  • 修复 f-collapse-animation 组件初始展开关闭时动画失效的问题

优化

  • 优化 f-message 组件样式细节
  • 优化 f-notification 组件样式细节
  • 优化 f-text 组件样式细节

废除

  • 废除 f-dialog height 配置项
  • 废除 f-drawer size 配置项
  • 废除 f-popup 组件
  • 重构 f-dialog f-drawer 组件

新增

  • 新增 f-dialog 组件 mask-background mask-opacity show-header 配置项
  • 新增 f-drawer 组件 mask-background mask-opacity show-header 配置项

0.41.0 (2023-06-04)

修复

  • 修复 f-popup 层级问题
  • 修复 f-calender 回到当前时间错误的问题
  • 修复 f-dialog 头部样式问题
  • 修复 f-time-picker 组件样式问题

其它

  • f-calender 组件废除 CalendarChangeParams 类型
  • f-calender 组件新增 on-change 回调

0.40.4 (2023-06-04)

修复

  • 修复 f-button 组件部分参数响应式丢失问题
  • 修复 f-drawer 组件内容部分超出不显示滚动条问题
  • 修复 f-popup 组件内容部分超出不显示滚动条问题

其它

  • f-popup 组件 z-index 配置项默认值改为 null

0.40.3 (2023-05-22)

  • 修复 f-avatar 组件意外的边距展示问题

0.40.2 (2023-05-20)

新增

  • f-collapse-animation 组件新增 width-animation animation-time on-open on-close on-open-end on-close-end 配置项

0.40.1 (2023-05-19)

更新

  • f-textarea 组件新增 on-enter 配置项
  • f-textarea 组件按下 Enter 不会触发换行,改为 Ctrl + Enter 换行

修复

  • 修复 f-textarea 组件 close 按钮样式错误问题

0.40.0 (2023-05-19)

更新

  • f-input 组件 autocomplete 配置项默认值改为 off
  • f-textarea 组件新增 auto-height 配置项

修复

  • 修复 f-input 组件 on-enter 类型

0.39.0 (2023-05-18)

  • 修复 f-option 关闭报错问题
  • 修复 f-time-pick 关闭报错问题
  • 修复 f-main 组件名错误问题
  • 修复 f-ripple 组件名错误问题
  • 修复 f-option 点击报错问题

0.38.0 (2023-05-11)

修复

  • 修复 f-form 类型错误
  • 修复 f-skeleton 组件样式
  • 修复 f-trigger 组件触发时间错误的问题

0.37.0 (2023-05-10)

更新

  • f-skeleton 组件样式细节优化
  • f-skeleton 组件新增 row-gapdifference 配置项
  • f-form 组件 on-submit 回调参数类型修改,由一个对象类型,改为四个参数类型
  • f-form-item 组件新增 validator 校验方法
  • 新增部分 hooks 封装

修复

  • 修复 f-form 组件没有传递 rules 和 name 也触发表单校验的问题
  • 修复点击 f-trigger 内容部分也会关闭的问题

0.36.1 (2023-05-08)

  • 修复 f-dialog 样式问题
  • f-form 新增 submitvalidate 方法

0.36.0 (2023-05-08)

优化

  • 优化 f-triggerf-dropdown 样式细节
  • 优化部分组件类型
  • 优化部分 hooks 参数

修复

  • 修复 f-trigger 组件 hover 状态移出内容立即隐藏的问题
  • 修复 f-back-top 组件添加事件监听组件卸载未移除的问题

0.35.0 (2023-05-07)

优化

  • 优化 f-inputf-textarea 样式细节

新增

  • f-inputf-textarea 组件新增 font-size 配置项
  • f-dialog 组件新增 height 配置项
  • f-popup 组件新增 fullscreen 配置项

修复

  • 修复 f-radio 组件样式问题
  • 修复 f-checkbox 组件样式问题
  • 废除 f-checkbox 组件 indeterminate 配置项
  • 修复 f-trigger 组件层级关系和缩放位置显示错误问题

0.34.0 (2023-05-05)

修复

  • 修复 f-avatar f-image 组件绑定动态 src 图片不变化的问题
  • 修复 f-avatar f-image 组件对齐样式问题
  • 修复 f-dialog f-popup 类型错误

新增

  • 新增 f-count-down 倒计时组件

更改

  • f-dialog 宽高样式修改
  • f-up-load 组件 show-list 默认值改为 false

0.33.2 (2023-05-01)

  • 修复 f-avatar 组件 round 对于 text 失效问题

0.33.1 (2023-04-27)

  • f-form 组件新增 label-position 配置项
  • 优化 f-form 样式细节

0.33.0 (2023-04-25)

  • 废除 f-table 组件 optional 配置项
  • f-table 组件类型优化
  • 优化 f-input f-textarea 组件实现

Fix

  • 修复 f-tooltip 组件部分情况 disabled 无效
  • 修复 utils isFunction 方法,解决部分组件对于 async 函数失效问题

0.32.0 (2023-04-12)

  • 修复 FMessage 不同弹出位置错误的问题
  • 修复 FMessage 多弹出偏移量错误问题

0.31.1 (2023-04-10)

  • 修复 FMessage 不同弹出位置错误的问题

0.31.0 (2023-04-10)

  • FNotification 组件 type 默认值改为 null
  • FNotification 组件 duration 默认值改为 2500
  • FNotification 组件废除 close Events
  • FNotification 组件样式优化
  • FMessage 组件 duration 默认值改为 2500
  • FMessage 组件废除 close Events
  • FMessageFNotification 添加 on-close 回调参数类型
  • f-sticky-card 组件样式细节优化

0.30.0 (2023-04-01)

  • 修复 message 组件导出类型

0.28.2 (2023-04-01)

  • 修复全局类型错误

0.28.1 (2023-04-01)

  • f-progress 组件新增 start 配置项
  • 优化类型配置文件,修复打包目录结构

0.28.0 (2023-03-21)

  • f-image 组件 no-select 配置项改为 select
  • 优化 f-imagef-avatar 组件
  • f-radio 组件废除 border 配置项
  • f-radio 组件新增 background 配置项
  • f-radio 组件样式重构

0.27.2 (2023-03-13)

修复

  • 修复 f-pagination 切换也码数显示错误的问题

0.27.1 (2023-03-10)

新增

  • f-input 组件新增 widthheight 配置项
  • f-input 组件兼容全局配置

优化

  • 优化 f-textarea 样式细节

其它

  • f-textarea 组件 resize 配置项默认值改为 null

0.27.0 (2023-03-08)

修复

  • 修复 f-select 组件 width 失效问题
  • 修复 f-box 组件样式问题
  • 修复 f-table 组件样式参数失效问题
  • 修复 f-pagination 组件下拉菜单选择失效问题
  • 修复 f-pagination 点击错位的问题
  • 修复 f-pagination 样式问题

优化

  • 优化 f-toolbar 组件回调参数和类型
  • 优化 f-input 组件回调参数和类型
  • 优化 f-pagination 组件样式细节

新增

  • f-select 组件新增 on-change 配置项

0.26.2 (2023-03-01)

修复

  • 修复 f-slider 组件偏移量错误的问题

其它

  • f-select 组件新增 size 配置项
  • 优化 f-pagination 组件

0.26.1 (2023-02-28)

修复

  • 修复 f-slider 组件偏移量错误的问题

其它

  • 优化 f-expand-card 组件细节
  • f-expand-card 组件新增 on-change 配置项

0.26.0 (2023-02-24)

  • 优化 f-back-top 组件实现
  • f-menu 组件新增 on-menu-item-click on-submenu-click 配置项
  • 修复 f-menu 组件折叠问题
  • 重构 f-collapse-animation 组件

0.25.1 (2023-02-21)

  • 修复 f-submenu 组件类名问题

0.25.0 (2023-02-21)

  • 优化 f-image-preview 组件弹出动画效果
  • f-image-preview 组件新增 append-to-body 配置项
  • 完善全部组件 ts 类型注释
  • f-expand-card 组件新增 vertical 配置项

0.24.0 (2023-02-17)

  • f-progress 组件 type 新增 infodefault 配置项
  • f-swap 组件 type 废除 default 配置项
  • f-link 组件 state 配置项的 bag 可选值改为 background
  • f-link 组件废除 beforeIconafterIcon 插槽
  • f-divider 组件新增 height 配置项,优化部分参数配置

0.23.1 (2023-02-16)

  • 优化部分 ts 类型错误
  • 添加部分浏览器兼容适配
  • 优化部分 utils 方法的严格性

0.23.0 (2023-02-15)

  • f-badge 组件优化细节
  • f-slider 组件废除 range 配置项
  • f-slider 组件新增 background active-color width 配置项
  • f-card 组件新增 border-color background title-color title-bold close on-close 配置项
  • f-input 组件新增 autocomplete 配置项
  • f-input 组件新增 before 插槽
  • f-date-picker 组件新增 placeholder add-zero 配置项
  • 修复 f-date-picker 清空时的警告提示

0.22.1 (2023-02-07)

  • f-calendar 组件废除 memorandum 配置项
  • 优化 f-calendar 组件农历描述的优先级展示状态
  • 大幅度优化内部代码实现

0.22.0 (2023-02-03)

  • f-button f-alert f-badge f-tag 组件新增 type 为 info 可选项
  • f-alert 组件样式微调
  • f-aside 组件新增 background 配置项
  • f-input 样式微调
  • f-input 组件新增 background text-color active-background active-border-color 配置项

0.21.0 (2023-02-01)

  • f-badge 组件 type 新增 default 配置项
  • f-badge 组件 color 配置项改为 background
  • f-badge 组件 font-color 配置项改为 color
  • 所有组件样式优化

0.20.3 (2023-01-31)

  • 针对 f-button 组件样式做了较大优化,内部样式实现优化

0.20.2 (2023-01-30)

  • 修复 f-switchf-fighting-global 下失效问题

0.20.1 (2023-01-29)

  • 修复 FNotification 组件名错误的问题
  • 优化 FMessageFNotification 组件公共方法

0.20.0 (2023-01-17)

  • 优化 f-space 样式细节
  • 修复 f-tabs 一些已知问题
  • 废除 f-progress 组件 widthsquare linear text-inside 配置项
  • 新增 f-progress 组件 outside-text 配置项

0.19.2 (2023-01-16)

  • 优化 f-imagef-avatar 组件类型
  • 优化 f-up-load 回调类型
  • 完善更多组件的 role

0.19.1 (2023-01-13)

  • 优化 f-dropdown-item 样式细节
  • 优化 f-trigger 关闭展示细节处理

0.19.0 (2023-01-12)

优化

  • 优化 f-tag 样式细节
  • 优化 f-button 样式细节
  • 优化 f-alert 样式细节

修复

  • 修复 f-ripple 组件响应式失效问题
  • 修复 f-text 组件响应式失效问题
  • 修复 f-button 涟漪失效问题

0.18.0 (2023-01-12)

修复

  • 修复 f-tree 类型问题

0.17.3 (2023-01-11)

修复

  • 修复 f-button 在 icon 状态下导致的意外边距问题
  • 修复 f-input-number 组件 size 失效问题

新增

  • 新增 f-input-number 组件 button-type 配置项

0.17.2 (2023-01-11)

修复

  • 修复 f-alert 滚动失效问题

0.17.1 (2023-01-10)

修复

  • 修复 f-alert f-link f-ripple f-tag f-text 响应式失效问题
  • 修复 f-number-animate 返回 NaN 的问题

0.17.0 (2023-01-09)

优化

  • 优化部分组件 css
  • 针对 f-tabs 组件做了较大优化
  • 优化 f-tabs 样式

打包

  • 优化了 css 打包,加入 postcss 配置项

0.16.0 (2023-01-05)

修复

  • 修复 f-input 在黑暗模式下不显示 placeholder 的问题 issues#330
  • 修复 f-ripple 组件在全局配置下 type 失效问题
  • 修复全局配置组件响应式丢失问题

新增

  • 新增 f-input 组件 placeholder-color 配置项
  • 新增 f-calendar 组件国际化配置
  • 新增 f-page-header 组件国际化配置

其它改动

  • f-avatar 组件 font-size 默认值改为 null
  • f-avatar 组件 font-color 默认值改为 null
  • f-calendar 组件 border-color 默认值改为 null
  • f-calendar 组件 day-cell-height 默认值改为 null
  • f-calendar 组件 week-cell-height 默认值改为 null
  • f-page-header 组件 back-text 默认值改为 null
  • 废除 f-sticky-card 组件 background 配置项

0.15.0 (2023-01-03)

修复

  • 修复 f-alert 组件 center 失效问题

新增

  • 新增 f-infinite-scrolling 组件
  • 新增 f-number-animate 组件

0.14.0 (2022-12-30)

新增

  • 新增 f-alert 组件 alert-list 配置项

优化

  • 废除 f-alert 组件 overflow 配置项
  • 优化 f-popup 组件弹出状态针对滚动条的处理
  • 优化 f-dialog f-drawer 组件样式细节

修复

  • 修复 f-checkbox 组件 border 状态样式问题
  • 修复 f-input-number 警告错误

0.13.2 (2022-12-29)

  • 修复 f-ripple 组件失效问题

0.13.1 (2022-12-29)

修复

  • 修复 f-svg-icon 类型
  • 修复 f-rate 类型
  • 修复 f-calendar 组件样式问题 #315

0.13.0 (2022-12-28)

新功能

  • 新增 f-box 组件
  • 完善 f-tree 组件

修复

  • 修复 f-button 组件涟漪效果报错问题

0.12.0 (2022-12-20)

新功能

  • 新增 f-form 组件
  • 新增 f-form-item 组件

修复

  • 修复 f-space 组件样式细节
  • 修复 f-back-top 组件 z-index 失效问题

其它更新

  • 废除 loading-bar 组件
  • 优化 f-input 组件类型

0.11.2 (2022-12-15)

新增

  • 新增 f-button 组件 spread 配置项

修复

  • 修复 f-image-preview 的警告错误
  • 修复 f-button 组件样式细节
  • 修复 f-tag 组件样式细节
  • 修复 f-space 组件样式细节

其它改动

  • f-space 组件废除 wrap 配置项
  • f-space 组件新增 nowrap 配置项
  • f-space 组件 row-gap column-gap 配置项支持 number 类型

0.11.1 (2022-12-13)

  • 修复 f-tag 组件 size 失效问题 issues#309
  • 修复一些细节类型问题
  • 优化 f-imagef-avatar 组件加载过程中的样式处理优化

0.11.0 (2022-12-13)

新功能

  • f-fighting-global 组件新增 lang 配置项
  • f-toolbar 组件 widthheight 配置项支持 number 类型

其它更新

  • 修复了全局组件的类型

0.10.0 (2022-12-11)

修复

  • 修复 f-listf-list-item 组件 bug
  • 修复 f-trigger 组件禁用效果失效问题

新增

  • 新增 f-fighting-global 组件
  • 新增 f-list 组件 zebra-color 配置项
  • 新增 f-list 组件 size 配置项新增 mini 可选项

其它更新

  • f-button 组件样式细节优化
  • f-sticky-card 组件移除 open-height 配置项
  • f-rate 组件 size 配置项默认值改为 25

0.9.0 (2022-12-07)

  • 完善 f-menu 组件
  • 优化部分组件 role 属性
  • 优化 f-svg-icon 组件样式细节

0.9.0-alpha.8 (2022-12-06)

新功能

  • 新增 f-slider 组件

优化项

  • 优化 f-toolbar 组件点击相关逻辑
  • 优化 f-pagination 组件样式实现
  • 优化 f-tag 组件内部逻辑
  • 优化 f-button 组件实现
  • 优化 f-ripple 组件实现
  • 废除 f-ripple 组件 no-select 配置项

其它改动

  • f-card 组件 padding 配置项默认值修改
  • f-card 组件 shadow 配置项可选参数修改
  • f-pagination 组件 prev-click 配置项改为 on-prev
  • f-pagination 组件 next-click 配置项改为 on-next
  • f-pagination 组件 change 配置项改为 on-change
  • f-tooltip 组件 content 配置项支持 number 类型
  • f-breadcrumbf-breadcrumb-item 组件参数进行了部分改动
  • 全局导出类型较大幅度改动,详情参考文档组件导出类型

0.9.0-alpha.7 (2022-12-01)

新增

  • 新增 f-breadcrumb-item 组件 to 配置项
  • 完善更多 f-menu 组件功能

优化

  • 优化 f-switch 细节样式和性能
  • 优化 f-button 样式处理逻辑
  • 优化 f-dropdown-item 样式细节
  • 优化 f-option 样式细节
  • 优化 f-select 样式细节

改动

  • f-link 组件 prohibit 配置项改为 disabled
  • f-switch 组件 open-color 改为 active-color
  • f-switch 组件 open-text 改为 active-text

0.9.0-alpha.6 (2022-11-29)

新功能

  • 新增 f-menu 组件
  • 新增 f-menu-item 组件
  • 新增 f-menu-item-group 组件
  • 新增 f-submenu 组件
  • 新增 f-collapse-animation 组件
  • 新增 f-button-group 组件 direction 配置项

修复

  • 修复 f-pagination 组件细节问题
  • 修复 f-button 组件样式细节

其它改动

  • 废除 f-button-group 组件 vertical 配置项
  • 优化 f-sticky-card 组件

0.9.0-alpha.5 (2022-11-25)

新功能

  • 新增 f-trigger 组件

其它更新

  • 优化 f-space 组件样式细节
  • f-sticky-card 组件 open-end close-end 回调参数改为 on-open on-close

0.9.0-alpha.4 (2022-11-23)

新功能

  • 新增 f-date-picker 组件
  • 新增 f-time-picker 组件
  • 新增 f-input-number 组件
  • 新增 f-input 组件 type 属性 number 类型
  • 新增 f-input 组件 after-icon 配置项
  • 新增 f-input 组件 on-input 配置项
  • 新增 f-input 组件 after 插槽
  • 新增 f-textarea 组件 on-input 配置项
  • 新增 f-input 组件加入查看密码切换动画效果
  • 新增 f-breadcrumb-item 组件 color icon-color separator 配置项
  • 新增 f-tag 组件关闭动画
  • 新增 f-card 组件 padding 实现 number 类型参数

修复 Bug

  • 修复 f-input 组件 on-change 回调错误的问题
  • 修复 f-textarea 组件 on-change 回调错误的问题
  • 修复 f-list-item 单独使用报错的问题

其它更新

  • 优化 f-input 组件查看密码方式
  • 优化 f-dropdown 组件样式细节
  • 优化 f-alert 组件样式细节
  • 优化 f-back-top 组件样式细节
  • 重构 f-calendar 组件头部样式
  • 重构 f-calendar 组件内部细节
  • 重构 f-tag 组件内部细节
  • 废除 f-list 组件 list-style 配置项
  • 重构 f-skeleton 组件 size 配置项
  • 废除 f-skeleton 组件 circled 配置项
  • 废除 f-close-btn 组件 no-hover 配置项
  • f-breadcrumb 组件 separator-color 参数改为 icon-color
  • f-breadcrumb 组件 item-color 参数改为 color
  • f-skeleton 组件 rounded 参数改为 round
  • f-back-top 组件 bottom right background color 参数默认值更新
  • f-toolbar-item 组件 click 参数改为 on-click
  • f-toolbar-item 组件 data-key 参数改为 index
  • f-toolbar-item 组件 icon-size 参数改为默认值 16
  • f-toolbar 组件 click 参数改为 on-click
  • f-image-preview 组件 close 回调改为 on-close
  • f-alert 组件 close-end 回调改为 on-close
  • f-button 组件 click 回调改为 on-click
  • f-avatar 组件 load error 回调改为 on-load on-error
  • f-image 组件 load error 回调改为 on-load on-error
  • f-calendar 组件 change-switch change-date 回调改为 on-change-month on-change-date
  • f-card 组件 padding 参数改为默认值为 20
  • f-checkbox 组件 change 参数改为 on-change
  • f-checkbox-group 组件 change 参数改为 on-change
  • f-close-btn 组件 click 参数改为 on-click
  • f-dialog 组件 open open-end close close-end 改为 on-open on-open-end on-close on-close-end
  • f-drawer 组件 open open-end close close-end 改为 on-open on-open-end on-close on-close-end
  • f-popup 组件 open open-end close close-end 改为 on-open on-open-end on-close on-close-end
  • f-dropdown-item 组件 click 参数改为 on-click
  • f-link 组件 click 参数改为 on-click
  • f-message 组件 close-end 参数改为 on-close
  • f-notification 组件 close-end 参数改为 on-close
  • f-page-header 组件 back 参数改为 on-back
  • f-radio 组件 change 参数改为 on-change
  • f-radio-group 组件 change 参数改为 on-change
  • f-svg-icon 组件 click 参数改为 on-click
  • f-switch 组件 change 参数改为 on-change
  • f-tag 组件 close-end 参数改为 on-close
  • f-up-load 组件 change load 参数改为 on-change on-load

0.9.0-alpha.3 (2022-11-18)

  • 更新类型配置文件
  • 修复 f-checkbox-group 类型错误

0.9.0-alpha.2 (2022-11-18)

修复 Bug

  • 修复 f-swap 组件样式细节
  • 修复 f-empty 组件样式细节
  • 修复 f-pagination 组件样式细节
  • 修复 f-up-load 组件样式细节
  • 修复 f-switch 组件样式细节
  • 修复 f-card 组件样式细节
  • 修复 f-textarea 组件样式细节
  • 修复 f-checkbox-group 类型错误
  • 更新类型配置文件

0.9.0-alpha.1 (2022-11-17)

新功能

  • 新增 f-checkbox 组件 indeterminate 配置项
  • 新增 f-textarea 组件
  • 新增 f-pagination 组件
  • 新增 f-tabs 组件
  • 重构 loading 组件
  • f-empty 组件 content-size 配置项支持 number 类型
  • f-empty 组件新增 icon-size 配置项

修复

  • 修复 f-select 组件在存在绑定值之后不显示 label 的问题
  • 修复 f-radio-group 组件样式细节
  • 修复 f-text 组件样式细节
  • 修复 f-button 组件样式细节

其它

  • f-switch 组件 size 配置项新增 mini 可选择
  • f-switch 组件新增 icon-size 配置项
  • 优化全局组件部分参数默认值

0.8.1-alpha.4 (2022-11-13)

  • 新增 f-back-top 组件显示隐藏的动画样式
  • 新增 f-alert 组件显示隐藏的动画样式
  • 优化 f-popup 弹出动画样式
  • 优化 f-dropdown 弹出动画样式

0.8.1-alpha.3 (2022-11-11)

新增

  • 新增 f-dropdown 组件
  • 新增 f-dropdown-item 组件
  • 新增 f-option 组件
  • 新增 f-select 组件
  • 新增 f-table 组件 show-head 配置项

修复

  • 修复 f-button 组件样式细节
  • 修复 f-drawerf-dialog 组件回调参数失效问题

0.8.1-alpha.2 (2022-11-08)

修复

  • 修复 f-button 组件自定义颜色的样式细节
  • 修复 f-table 组件样式细节

0.8.1-alpha.1 (2022-11-08)

新特性

  • f-checkbox 组件新增 show-label 配置项
  • f-checkbox 组件 modelValue 配置项新增 array 类型
  • 新增 f-table 组件

其它

  • 优化了些 f-button 组件的样式细节
  • 优化 f-toolbar 组件的一些内部实现和类型

0.8.0-alpha.6 (2022-11-06)

修复 Bug

  • 修复 f-image-preview 图片预览组件操作栏点击失效的问题
  • 优化部分组件类型

0.8.0-alpha.5 (2022-11-04)

  • 对于 ts 类型方面,做了进一步的优化
  • 新增 f-up-load 组件

0.8.0-alpha.4 (2022-11-02)

  • 主要针对目录结构进行了规范处理
  • 优化一些类型文件的位置

0.8.0-alpha.3 (2022-11-01)

修复 Bug

  • 修复 FMessage FNotification 组件的报错问题
  • 修复 f-radio f-radio-group 组件禁用状态的样式问题
  • 修复 f-checkbox f-checkbox-group 组件禁用状态的样式问题
  • 修复 f-alert 关闭按钮样式细节
  • 修复 f-tag 关闭按钮样式细节

改进优化

  • f-image f-avatar 组件废除 errorload emit 回调,新增 errorload props 可选项
  • f-calendar 组件废除 change-datechange-switch emit 回调,新增 change-datechange-switch props 可选项
  • f-alert 组件废除 close-end emit 回调,新增 close-end props 可选项
  • f-tag 组件废除 close-end emit 回调,新增 close-end props 可选项
  • f-page-header 组件废除 back emit 回调,新增 back props 可选项
  • f-rate 组件废除 change emit 回调,新增 change props 可选项
  • f-checkbox-group 组件废除 change emit 回调,新增 change props 可选项
  • f-link 组件废除 click emit 回调,新增 click props 可选项
  • f-button 组件废除 click emit 回调,新增 click props 可选项
  • f-toolbar 组件废除 click emit 回调,新增 click props 可选项
  • f-toolbar-item 组件废除 click emit 回调,新增 click props 可选项
  • f-switch 组件废除 change emit 回调,新增 change props 可选项
  • f-close-btn 组件废除 click emit 回调,新增 click props 可选项
  • f-loading 组件废除 close emit 回调,新增 close-end props 可选项
  • f-svg-icon 组件废除 click emit 回调,新增 click props 可选项
  • f-radio 组件废除 change emit 回调,新增 change props 可选项
  • f-radio-group 组件废除 change emit 回调,新增 change props 可选项
  • f-radio 组件在边框状态下样式做了改变
  • f-close-btn 新增 no-hover 配置项

0.8.0-alpha.2 (2022-10-28)

  • 修复按需导入组件类型的问题 #232

0.8.0-alpha.1 (2022-10-28)

  • 修复一些类型的问题
  • 优化组件代码属性提示
  • 优化构建产物
  • 优化 f-image-preview 组件样式细节 #227

0.7.1-alpha.2 (2022-10-26)

  • 优化组件打包后的类型

0.7.1-alpha.1 (2022-10-25)

  • 新增 f-swap 组件
  • 修复 f-image-preview 组件预览旋转方向错误的问题
  • 优化 f-image-preview 组件内部性能
  • f-popup 组件 open open-end close close-end 改为 props 参数

0.7.0-beta.2 (2022-10-22)

  • 新增 f-input 组件

0.7.0-beta.1 (2022-10-21)

重要更新

  • 永久废除 f-icon 组件
  • 更新所有组件的 class 命名规范

新功能

  • 新增 f-close-btn 组件 icon 配置项
  • 新增 f-close-btn 组件 color 属性
  • 新增 f-alert 组件 beforeIconcloseIcon 插槽
  • 新增 f-alert 组件 before-iconclose-icon 配置项
  • 新增 f-dialog 组件 closeIcon 插槽
  • 新增 f-dialog 组件 close-icon 配置项
  • 新增 f-drawer 组件 closeIcon 插槽
  • 新增 f-drawer 组件 close-icon 配置项
  • 新增 f-link 组件 beforeIcon afterIcon 插槽
  • 新增 f-avatar 组件 icon 插槽
  • 新增 f-avatar 组件 icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • 新增 f-loading 组件 icon 插槽
  • 新增 f-svg-icon 组件 icon 配置项

其它改动

  • f-link 组件 before-icon after-icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-button 组件 before-icon after-icon loading-icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-avatar 组件 icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-loading 组件 icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-page-header 组件 icon-size 支持 number 类型
  • f-page-header 组件 icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-rate 组件 icon 改为 VNode / Component 类型,默认值修改为 null
  • f-toolbar-item 组件 icon 改为 VNode / Component 类型,默认值修改为 null
  • f-tag 组件 before-icon after-icon 改为 VNode / Component 类型,默认值修改为 null
  • f-breadcrumb 组件 separator-icon 配置项更名为 separator
  • f-breadcrumb 组件 separator 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-notification 组件 close-btn 参数默认值改为 null
  • f-button 组件 before-icon loading-icon after-icon 配置项改为 VNode / Component 类型,默认值修改为 null
  • f-sticky-card 组件插槽名由 option-left option-right 改为 optionLeft optionRight
  • 更新 f-message 组件 icon 默认值和可选类型
  • 废除 f-calendar 组件 show-footer 配置项
  • 废除 f-alert 组件 icon 属性
  • 废除 f-avatar 组件 load-animation 配置项

0.7.0-alpha.9 (2022-10-19)

  • 更新类型入口配置文件

0.7.0-alpha.8 (2022-10-19)

  • 主要针对打包类型文件做了优化

0.7.0-alpha.7 (2022-10-17)

新功能

  • 新增 f-svg-icon 组件
  • 新增 f-close-btn 组件

修复

  • 修复 f-dialog 组件参数错误问题
  • 修复 f-dialog 组件样式细节

0.7.0-alpha.6 (2022-10-15)

重点更新

  • f-mask 组件现已更名为 f-popup
  • 针对 f-popup f-drawer f-dialog 弹出相关组件做了进一步优化封装

修复 Bug

  • 修复 f-popup 组件 z-index 属性丢失问题
  • f-popup 组件新增 mask-backgroundmask-opacity popup-size padding 配置项

0.7.0-alpha.5 (2022-10-13)

新增

  • 新增 f-mask 组件

新特性

  • f-drawer 组件 with-header 配置项改为 showHeader
  • f-drawer 组件新增 showCloseBtn 配置项
  • f-drawer 组件新增 modal-blur 配置项
  • f-dialog 组件新增 modal-blur 配置项
  • f-dialog 组件移除 top 配置项
  • f-dialog 组件新增 show-close-icon 配置项
  • f-dialog 组件 width height 配置项支持 number 类型
  • f-dialog 组件的 openopen-endcloseclose-end 回调参数由 emit 传递改为 props 传递
  • f-loading 组件新增 icon-color 属性
  • f-dialog 组件废除 height 组件

修复 Bug

  • 修复 message f-dialog f-switch 组件 props 校验器的拼写错误

0.7.0-alpha.4 (2022-10-11)

  • 新增 f-checkbox 组件
  • 新增 f-rate 组件
  • 废除 f-radio-group 组件 circle 配置项
  • 修复 f-radio 组件 border 状态禁用样式细节
  • 优化部分组件语义化属性

0.7.0-alpha.3 (2022-10-06)

  • 更新 umd 打包入口
  • 优化 f-icon 组件样式实现
  • f-link 组件类名规范优化
  • 优化 f-link 组件内部实现
  • 优化 f-text 组件内部实现
  • f-text 组件 size spacing line-height text-indent padding width 属性支持 number 类型参数
  • f-text 组件 text-indent 属性改为 indent
  • f-text 内部导出新类型 TextDecorationType

0.7.0-alpha.2 (2022-09-29)

  • 修复部分组件类型规范问题

0.7.0-alpha.1 (2022-09-27)

fix

  • 修复 f-button 组件 font-color 默认值
  • 修复 f-button 组件 font-size 默认值

feat

  • f-back-top 组件 right bottom 配置项支持 number 类型
  • f-image 组件 round 配置项支持 number 类型
  • f-image 组件废除 captioncaption-color 配置项
  • f-watermark 组件 font-size 配置项支持 number 类型参数
  • f-progress 组件 width height 配置项支持 number 类型参数
  • f-alert 组件废除 fixed-style 配置项
  • f-alert 组件 font-size 配置项支持 number 类型参数
  • f-alert 组件 type 默认值改为 default
  • f-alert 组件 font-size 默认值改为 15px
  • f-alert 组件新增 title-sizetitle-color 属性
  • f-alert 组件 overflow 配置项移除 ellipsis 选项
  • f-footer 组件 height padding 配置项添加默认值
  • f-header 组件 height padding 配置项添加默认值
  • f-main 组件 padding 配置项添加默认值
  • f-toolbar 组件废除 fixed-style 配置项

perf

  • 优化了组件的 props 提示
  • 新增类型导出
  • 优化 f-avatar 组件部分样式的实现,减少代码开销
  • 优化 f-back-top 组件部分样式的实现,减少代码开销
  • 优化 f-back-top 组件部分 props 默认值
  • 优化 f-badge 组件样式实现

0.6.5-alpha.5 (2022-09-25)

feat

  • 新增 sticky-card 组件
  • f-list 组件新增 headerfooter 插槽
  • 优化 f-button 组件性能

fix

  • 修复 f-calendar 组件的一些日期显示错误的问题

0.6.5-alpha.4 (2022-09-23)

fix

  • 修复 f-image-previewf-calendar 组件内容按需引入问题

0.6.5-alpha.3 (2022-09-22)

feat

  • f-header 组件新增 padding 类型
  • f-header 组件的 height 属性支持 number 类型
  • f-footer 组件新增 padding 配置项
  • f-footer 组件的 height 属性支持 number 类型
  • f-main 组件的 padding 属性支持 number 类型
  • f-aside 组件的 width 属性支持 number 类型
  • f-aside 组件新增 padding 配置项

fix

  • 修复组件 name 导致的打包类型报错问题

0.6.5-alpha.2 (2022-09-21)

  • 新增 f-calendar 组件
  • f-text 组件的 size 属性支持 number 类型
  • 新增组件类型导出

0.6.5-alpha.1 (2022-09-16)

  • 新增 f-expand-card 组件
  • 优化 f-toolbar-itemf-toolbar 组件样式细节
  • f-toolbar-item 新增 data-key icon icon-size 配置项
  • f-toolbar 新增 click 回调参数
  • f-toolbar 针对于苹果 Safari 点击失效做出兼容
  • f-toolbar 组件废除 vague 配置项

0.6.4-alpha.10 (2022-09-14)

  • 测试修复按需引入

0.6.4-alpha.9 (2022-09-14)

  • 测试修复按需引入

0.6.4-alpha.8 (2022-09-14)

  • 测试修复按需引入

0.6.4-alpha.7 (2022-09-14)

fix

  • 修复 f-button 组件自定义颜色的 hoverdisabled 样式
  • 修复 f-page-header 组件样式细节
  • 修复 f-button 组件 text 配置项样式细节
  • 修复 f-image 组件 width 属性的一些问题

feat

  • f-icon 组件的 size 属性支持 number 类型
  • f-button 组件的 font-size 属性支持 number 类型
  • f-image 组件 rootMargin width height 属性支持 number 类型
  • f-avatar 组件 rootMargin 属性支持 number 类型
  • 新增 f-image-preview 组件
  • f-image 组件新增 click 回调

other

  • 废除 f-page-headertitleClasssubtitleClass 配置项
  • f-lint 组件 left-icon right-icon 配置项更名为 before-icon after-icon
  • f-button 组件 left-icon right-icon 配置项更名为 before-icon after-icon
  • f-tag 组件 left-icon right-icon 配置项更名为 before-icon after-icon
  • f-loading 组件的 text-color text-size 配置项更名为 font-color font-size
  • f-empty 组件废除 style-list 配置项
  • 拆分 f-empty 组件
  • 优化 f-avatar 样式细节
  • f-image 组件废除点击大图预览功能,此功能抽离至 f-image-preview 组件
  • f-image 组件废除属性:modal-close show-close-btn preview-list preview-show-index preview-z-index preview-show-option preview-round
  • 测试修复按需引入

0.6.4-alpha.6 (2022-09-11)

feat

  • 新增 f-ripple 涟漪组件
  • 新增 f-radio f-radio-group 组件

fix

  • 修复 f-button f-loading 动画样式问题
  • 修复 f-list-item 换行高度不自适应的问题

0.6.4-alpha.5 (2022-09-06)

  • 测试修复副作用组件注册

0.6.4-alpha.4 (2022-09-06)

  • 测试修复副作用组件注册

0.6.4-alpha.3 (2022-09-05)

  • 测试修复副作用组件注册

0.6.4-alpha.2 (2022-09-05)

  • 测试修复副作用组件注册

0.6.4-alpha.1 (2022-09-03)

  • 修复类型

0.6.3-alpha.3 (2022-09-03)

  • 修复了部分组件类型
  • 修复了按需引入仍然全部打包的问题

0.6.3-alpha.2 (2022-09-02)

  • 修复的配置文件
  • 一件修复在 vitepress 的错误

0.6.3-alpha.1 (2022-09-02)

  • 已修复打包引入相关的问题
  • 但是在 vitepress 中仍存在问题,在正常项目中可以正常使用

0.6.2-alpha.10 (2022-09-02)

  • 测试修复打包引入问题

0.6.2-alpha.9 (2022-09-02)

  • 测试修复打包引入问题

0.6.2-alpha.8 (2022-09-02)

  • 测试修复打包引入问题

0.6.2-alpha.7 (2022-09-02)

  • 测试修复打包引入问题

0.6.2-alpha.6 (2022-08-31)

  • 修复已知的一些引入相关配置问题

0.6.2-alpha.5 (2022-08-30)

feat

  • 新增 f-loading-bar 组件
  • 新增 notification 组件

fix

  • 修复按钮组件样式
  • 更新 f-card 组件 shadow 参数默认值。现改为 never

0.6.2-alpha.4 (2022-08-29)

feat

  • f-image 组件新增 title 配置项

fix

  • 修复 f-card 组件样式细节
  • 修复 f-skeleton 的一些样式相关细节

0.6.2-alpha.3 (2022-08-28)

  • 新增 f-skeleton 骨架屏组件
  • 优化 f-button f-alert 组件圆角样式
  • 优化 f-alert 样式细节
  • 优化 f-alert 组件 overflow 配置项
  • 移除 f-alert 组件 overflow 配置项的 roll 可选参数
  • 移除 f-novel-coronavirus 组件
  • 修复 Load 图片加载类加载死循环的问题
  • 优化 f-image 组件加载过程中是撕裂样式

0.6.2-alpha.2 (2022-08-20)

  • 修复已知打包问题

0.6.2-alpha.1 (2022-08-20)

  • 修复按钮涟漪效果类
  • 修复已知打包问题

0.6.1 (2022-08-19)

  • 优化 f-list 组件
  • 修复 f-card 组件样式细节
  • 更新 successwarning 的色号细节
  • 新增 f-empty 空状态组件
  • 优化按钮自定义颜色配置项的 hoveractive 的实现方式
  • f-tooltip 组件新增 backgroundfont-color 配置项
  • 优化图片加载类
  • f-avatar 增加错误处理插槽,增加错误处理提示信息
  • 优化 f-avatar 加载细节处理
  • f-avatar 组件新增 load-animation 配置项
  • 优化掉 f-drawer 部分导致文档打包报错的逻辑
  • 增加了 hooks 对部分类和函数的参数抽离,性能优化了 f-image f-avatar f-button f-watermark 组件
  • f-button 对于涟漪效果做了单例模式的优化

0.6.0-bate.2 (2022-08-11)

  • 更新入口文件

0.6.0-bate.1 (2022-08-11)

  • 改变样式表的文件名引入方式
  • 修复打包配置项

0.5.1-bate.5 (2022-08-10)

  • F-alert 样式引入
  • F-text 细节样式优化
  • 加入版本号导出
  • 更新 prop 的类型

0.5.1-bate.4 (2022-08-09)

  • 测试修复打包引入路径错误的问题

0.5.1-bate.3 (2022-08-09)

  • 测试修复打包引入路径错误的问题

0.5.1-bate.2 (2022-08-09)

  • 测试修复打包引入路径错误的问题

0.5.1-bate.1 (2022-08-09)

  • 修复了打包类型相关的问题

0.5.0-bate.2 (2022-08-08)

  • 修复了打包类型相关的问题

0.5.0-bate.1 (2022-08-08)

主要修复了打包的相关的配置项,在上一个版本中,如果需要按需引入组件,那么会有很多异常的错误信息,这个版本主要是针对打包做了很大的优化,已经修复了按需引入导致的致命错误。

对于目录结构也做了很大程度的优化,之前是将 utils 目录是单独抽离出来,但是现在也和组件是同级关系,只为了能够更好的打包。

0.4.2-bate.9 (2022-07-04)

feat

  • Alert 组件新增 fixed fixed-style 配置项
  • 新增 f-list 组件
  • 新增 f-list-item 组件
  • 新增 message 组件
  • f-text 组件新增 center 配置项
  • 新增 f-watermark 组件

fix

  • 修复 f-tag 组件样式细节
  • 优化 f-card 组件细节样式

0.4.2-bate.8 (2022-07-23)

feat

  • Tag 组件新增 text 配置项,实现文字标签
  • Tag 组件改变了部分样式细节,加入边框
  • Avatar 组件新增 font-sizefont-colortextroot-margin 配置项
  • Avatar 组件将 size 属性改为可配置 number 类型参数
  • 新增了样式按需引入

0.4.1-bate.7 (2022-07-19)

  • 主要修复了引入样式的报错配置

0.4.0-bate.6 (2022-07-18)

feat

  • f-progress 组件新增 textInside 配置项
  • 新增 f-novel-coronavirus 组件
  • 新增 cjsumd 打包模式

0.3.2-bate.5 (2022-07-17)

feat

  • f-tooltip 组件移除部分配置项
  • 重做 f-tooltip 组件

fix

  • 修复 f-tag 组件不展示的问题
  • 修复 f-alert 组件的展示状态和关闭回调

0.3.1-bate.4 (2022-07-15)

  • f-link 组件新增 default 配置 type
  • f-button 组件 ripples 默认值改为 false

0.3.0-bate.3 (2022-07-13)

feat

  • 新增 f-progress 组件配置项
  • 新增 f-alert 组件

fix

  • 修复 f-progress 组件百分百展示状态
  • 修复 f-text 组件样式细节
  • 修复 f-button 组件样式细节
  • 修改 f-button 组件文字按钮的样式
  • 移除 f-tag 组件 info 属性,改为 default

0.2.0-bate.2 (2022-07-08)

feat

  • 新增 f-drawer 组件
  • 新增 f-page-header 组件

fix

  • 修复 f-tag 基础样式
  • 修复 f-switch 基础样式

0.1.0-bate.1 (2022-07-05)

feat

  • 新增 dialog 组件
  • 新增 space 组件
  • 新增 progress 组件
  • 新增 captcha 组件 (bate)
  • 新增 tooltip 组件 (bate)

fix

  • 修复 f-back-top 组件的监听目标报错问题

0.0.12-alpha.12 (2022-06-29)

fix

  • 修复 back-top 组件的功能

feat

  • back-top 组件新增 z-indextoplisten-elbackgroundcolor 配置项
  • 新增 breadcrumb 组件

0.0.11-alpha.11 (2022-06-26)

fix

  • 修复打包路径错误问题

0.0.10-alpha.10 (2022-06-26)

feat

  • 新增 f-text 组件
  • 新增 f-avatar 组件
  • 新增 f-loading 组件

fix

  • f-button 组件 blob 配置项改为 bold,用于文字加粗

0.0.9-alpha.9 (2022-06-14)

feat

  • f-layout 新增 direction 配置项

fix

  • f-container 组件改名为 f-layout

0.0.8-alpha.8 (2022-06-12)

feat

  • 新增 f-tag 组件
  • 新增 f-divider 组件
  • 新增 f-badge 组件
  • 新增 f-container 组件
  • 新增 f-switch 组件
  • 新增 f-button 组件 color 配置项

fix

  • f-button 组件 f-link 属性改为 href
  • 重构 f-button 组件
  • 废除 f-buttoninfo 类型
  • 废除 f-buttonborder 属性
  • 废除 f-buttonlong 属性
  • 废除 f-inkinfo 类型
  • 废除 f-conopacity 属性

0.0.7-alpha.7 (2022-06-04)

feat

  • 新增 FCard 组件
  • 新增 f-button 组件点击的涟漪效果

fix

  • 修复 f-button 组件的圆角度数
  • 修复 f-button-group 类型

0.0.6-alpha.6 (2022-05-31)

fix

  • 修复 f-mage 组件旋转方向一致的问题
  • 修复 f-con 组件预览窗操作点击失效问题,处理点击焦点位置
  • 修复 f-conf-button 组件的类型问题
  • f-mage 组件的 select 属性改为 no-select 用于禁止选择

feat

  • 新增 f-mage 组件预览窗图片预加载功能
  • 新增 f-mage 组件预览窗渐入动画效果
  • 新增 f-mage 组件预览窗点击遮罩层隐藏功能,可通过 modal-close 配置项来配置
  • 新增 f-mage 组件预览窗图标样式优化了一些细节
  • 新增 f-mage 组件预览图左右按钮切换加入图片长度识别,是否展示效果
  • 新增 f-mage 组件 show-close-btn 配置项可配置是否展示预览窗的关闭按钮
  • 新增 f-mage 组件可通过鼠标滚轮放大缩小图片功能
  • 新增 f-mage 组件 preview-round 配置项,可配置预览图的圆角

0.0.5-alpha.5 (2022-05-27)

  • 新增 f-mage 组件
  • 增加新的 icon

0.0.4-alpha.4 (2022-05-23)

  • 新增 f-ink 组件
  • 取消 f-button 固定高度
  • 废除 f-button 组件的 iconicon-position 属性
  • 新增 f-button 组件的 left-iconright-icon 属性

0.0.3-alpha.3 (2022-05-18)

  • 修复按钮组件一些显示问题的样式
  • 删除了一个不显示的 icon
  • 取消组件默认导出
  • 压缩组件代码

0.0.2-alpha.2 (2022-05-17)

  • 更新配置文件
  • 新增打包文件

0.0.1-alpha.1 (2022-05-17)

  • 新增 f-buttonf-button-groupf-con 组件
+ \ No newline at end of file diff --git a/docs/contributing.html b/docs/contributing.html index 9fa70bbea..5870ca039 100644 --- a/docs/contributing.html +++ b/docs/contributing.html @@ -5,11 +5,11 @@ 贡献指南 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

贡献指南

English | Chinese

👋 写在前面

你好!欢迎使用 fighting-design!

我很高兴你有兴趣为 fighting-design 做贡献。在提交您的贡献之前,请务必花点时间阅读以下指南。

规范可能比较多,但是大多数都是一些比较细小的规范,请认真阅读。

🚫 禁止抄袭

众所周知,在市面上的组件库有很多,很多时候我们需要开发的新组件在市面上早已经开发好了,但是请勿直接复制其它第三方源码进行使用!

开发组件库本身是一个学习进步的过程,不要仅仅是为了新增组件而新增组件,希望各位参与者可以在新增组件过程中学习到一些东西来提升自己的技术。如果在开发阶段的某个功能遇到了困难,你可以发起一个讨论,或者也可以直接联系我或在群里求助,当然去学习参考其它开源库也是可以的,只是希望你在写的时候,是已经理解了问题,自己来动手实践的。

🛠️ 启动项目

在贡献之前,你需要先将 fighting-design 项目跑起来才行,那么前期的准备你需要:

  • 安装 node,版本 >= 16
  • 安装 pnpm,最新版即可

如果你已经做好了前面的准备,可以直接跳过,从这里开始:

接下来执行命令:

shell
# clone 项目
+    
Skip to content
On this page

贡献指南

English | Chinese

👋 写在前面

你好!欢迎使用 fighting-design!

我很高兴你有兴趣为 fighting-design 做贡献。在提交您的贡献之前,请务必花点时间阅读以下指南。

规范可能比较多,但是大多数都是一些比较细小的规范,请认真阅读。

🚫 禁止抄袭

众所周知,在市面上的组件库有很多,很多时候我们需要开发的新组件在市面上早已经开发好了,但是请勿直接复制其它第三方源码进行使用!

开发组件库本身是一个学习进步的过程,不要仅仅是为了新增组件而新增组件,希望各位参与者可以在新增组件过程中学习到一些东西来提升自己的技术。如果在开发阶段的某个功能遇到了困难,你可以发起一个讨论,或者也可以直接联系我或在群里求助,当然去学习参考其它开源库也是可以的,只是希望你在写的时候,是已经理解了问题,自己来动手实践的。

🛠️ 启动项目

在贡献之前,你需要先将 fighting-design 项目跑起来才行,那么前期的准备你需要:

  • 安装 node,版本 >= 16
  • 安装 pnpm,最新版即可

如果你已经做好了前面的准备,可以直接跳过,从这里开始:

接下来执行命令:

shell
# clone 项目
 git clone git@github.com:FightingDesign/fighting-design.git
 
 # 进入项目目录
@@ -48,9 +48,9 @@
 # 使用插件的提示来设置提交信息
 pnpm commit
 
-git push

✏️ 关于 PR

在你提交 PR 之前,请务必保证你 fork 的仓库是当前最新的代码,以免发生冲突。

如果你并不了解如何提交 PR,可以参考我这篇文章 Github 如何提交 PR?

🔑 财务贡献

开发不易,欢迎大家赞助!

💌 非常感谢

感谢所有已经为 fighting-design 做出贡献的人

- +git push

✏️ 关于 PR

在你提交 PR 之前,请务必保证你 fork 的仓库是当前最新的代码,以免发生冲突。

如果你并不了解如何提交 PR,可以参考我这篇文章 Github 如何提交 PR?

🔑 财务贡献

开发不易,欢迎大家赞助!

💌 非常感谢

感谢所有已经为 fighting-design 做出贡献的人

+ \ No newline at end of file diff --git a/docs/import.html b/docs/import.html index 0f88eba16..6f7a09b2c 100644 --- a/docs/import.html +++ b/docs/import.html @@ -5,11 +5,11 @@ 快速上手 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,7 @@ -
Skip to content
On this page

快速上手

完整引入

main.ts 中引入下面内容

ts
import { createApp } from 'vue'
+    
Skip to content
On this page

快速上手

完整引入

main.ts 中引入下面内容

ts
import { createApp } from 'vue'
 import App from './App.vue'
 
 import FightingDesign from 'fighting-design'
@@ -92,9 +92,9 @@
     app.use(FightingDesign.default)
     app.mount('#app')
   </script>
-</body>
- +</body>
+ \ No newline at end of file diff --git a/docs/install.html b/docs/install.html index 545dc56e1..0dcacbdf0 100644 --- a/docs/install.html +++ b/docs/install.html @@ -5,11 +5,11 @@ 安装 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,9 +30,9 @@ -
Skip to content
On this page

安装

pnpm

使用快速的,节省磁盘空间的包管理工具 pnpm 进行安装

shell
pnpm add --save-dev fighting-design

npm

使用 npm 进行安装

shell
npm install --save-dev fighting-design

yarn

或者使用 yarn 进行安装

shell
yarn add --save-dev fighting-design
- +
Skip to content
On this page

安装

pnpm

使用快速的,节省磁盘空间的包管理工具 pnpm 进行安装

shell
pnpm add --save-dev fighting-design

npm

使用 npm 进行安装

shell
npm install --save-dev fighting-design

yarn

或者使用 yarn 进行安装

shell
yarn add --save-dev fighting-design
+ \ No newline at end of file diff --git a/docs/introduce.html b/docs/introduce.html index 7e56f5a88..b8933e7d8 100644 --- a/docs/introduce.html +++ b/docs/introduce.html @@ -5,11 +5,11 @@ Fighting Design | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,9 +30,9 @@ -
Skip to content
On this page

Fighting Design

🌈 Fighting Design 可在 vue3 应用程序中快速构建交互界面,看起来还不错。

中文 | English

✨ 特性

  • 🪐 60+ 常用组件
  • 💪 使用 Vue.js 最新特性开发
  • 🐆 全面基于 Vite,速度够快
  • 🤟 极致的开发体验
  • 🥇 超详细的 JSDoc 注释
  • 🦩 零第三方依赖
  • ✂️ 完善的代码提示
  • 🪐 不同打包模式,兼容不同项目
  • 🏆 支持完整引入和按需引入
  • ✅ 使用 TypeScript + Template 编写
  • 🖍️ 严格的 TypeScript 类型
  • ✔️ 配置简单,上手容易
  • 🚩 单元测试
  • 👍 社区团队维护
  • ❤️ 根据实际需求开发
  • 📃 优质详细的文档
  • ☝️ 提出需求,不断完善
  • 🌍 更多配置项,灵活组件
  • 🛠 更多特性开发中

💌 特别感谢

感谢所有已经为 Fighting Design 做出贡献的人

💬 执照

MIT

📈 下载量

fighting-design npm trends

- +
Skip to content
On this page

Fighting Design

🌈 Fighting Design 可在 vue3 应用程序中快速构建交互界面,看起来还不错。

中文 | English

✨ 特性

  • 🪐 60+ 常用组件
  • 💪 使用 Vue.js 最新特性开发
  • 🐆 全面基于 Vite,速度够快
  • 🤟 极致的开发体验
  • 🥇 超详细的 JSDoc 注释
  • 🦩 零第三方依赖
  • ✂️ 完善的代码提示
  • 🪐 不同打包模式,兼容不同项目
  • 🏆 支持完整引入和按需引入
  • ✅ 使用 TypeScript + Template 编写
  • 🖍️ 严格的 TypeScript 类型
  • ✔️ 配置简单,上手容易
  • 🚩 单元测试
  • 👍 社区团队维护
  • ❤️ 根据实际需求开发
  • 📃 优质详细的文档
  • ☝️ 提出需求,不断完善
  • 🌍 更多配置项,灵活组件
  • 🛠 更多特性开发中

💌 特别感谢

感谢所有已经为 Fighting Design 做出贡献的人

💬 执照

MIT

📈 下载量

fighting-design npm trends

+ \ No newline at end of file diff --git a/docs/join.html b/docs/join.html index 05009e159..388d52e2a 100644 --- a/docs/join.html +++ b/docs/join.html @@ -5,11 +5,11 @@ 加入我们 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,9 +30,9 @@ -
Skip to content
On this page

加入我们

微信

添加微信请备注 Github 用户名

加微信邀请入 Fighting Design 社区讨论

社区组织

- +
Skip to content
On this page

加入我们

微信

添加微信请备注 Github 用户名

加微信邀请入 Fighting Design 社区讨论

社区组织

+ \ No newline at end of file diff --git a/docs/milepost.html b/docs/milepost.html index bfffff8a6..20bc0097e 100644 --- a/docs/milepost.html +++ b/docs/milepost.html @@ -5,11 +5,11 @@ 里程碑 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,9 +30,9 @@ -
Skip to content
On this page

里程碑

2024-04-30

最近 w2xi 帮忙完善了很多单元测试,单元测试覆盖率逐渐增加。

近期可以开始进入 alpha 版本了

2022-10-19

优化了一下打包的配置文件,使打包快了不少,打包从原来的 32s 提升了 16s

不过对于类型的打包,还有很多的问题,目前只是解决了一部分,只能说是不影响使用,但是还可以更好。

2022-10-04

最近 Fighting Design 被选入了阮一峰老师的科技爱好者周刊(第 225 期):NPC 演员也是一种职业,马上 200 star 了~

2022-09-24

2022-04-24 ~ 2022-09-24 五个月时间

1474commit 终于获得了 100 Star

感谢各位支持,继续加油~

2022-09-16

按需引入也解决了,问题出在了 import * as components from './components' 这句代码上,又新建了一个新的入口文件就解决了这个问题。

现在基础的组件都写的差不多了,现在开始向表单的方向上发展,目前 inputselect 准备进行中,配件都写好了之后,就差不多可以写表单了~

最近的 Star 增加了不少,也得到了不少人的认可,继续加油~😊😊😊

2022-08-20

0.6.2-alpha.2 的版本中,已经将目前已知的打包问题全部解决了。

打包这个东西,真的是一步一个坎坷。

2022-08-08

最近我们新增了很多新组件,感觉还不错,今天我将项目整体大幅度改动了很多,修复了之前的一些打包的问题,这次的打包个人感觉还是比较满意的,详情可以查看 0.5.0-bate.1

2022-06-12

最近陆续的增加了 Badge 角标Divider 分隔线FContainer布局容器 组件,目前组件开发一直还算是非常顺利,只不过打包就没那么顺利了。

之前一直是使用 rollup 打包,但是会报出类型的错误,现在也在尝试使用 vite 打包,但是会有一些路径不对的问题,裂开。。。。

2022-06-07

这两天将 FButton 组件重构了一波,将样式从 445 行缩减到了 145 行,而且样式变得更优了,细节处理更好了

2022-06-04

接下来的组件开发计划,暂时是一些比较简单的组件:

  • Tag 标签
  • Division 分割线
  • Avatar 头像
  • Container 布局容器
  • Crumbs 面包屑

2022-05-31

Fighting Design 并不仅仅会推出一些列的基础组件,还会推出一些趣味组件。

另外,在 Fighting Design 的计划中,还有一种全新的设计思想叫 联合组件!都会在不久的将来进行推出。

敬请期待!

2022-04-24

仓库第一次 commit,就在这一天 Fighting Design 诞生!

- +
Skip to content
On this page

里程碑

2024-04-30

最近 w2xi 帮忙完善了很多单元测试,单元测试覆盖率逐渐增加。

近期可以开始进入 alpha 版本了

2022-10-19

优化了一下打包的配置文件,使打包快了不少,打包从原来的 32s 提升了 16s

不过对于类型的打包,还有很多的问题,目前只是解决了一部分,只能说是不影响使用,但是还可以更好。

2022-10-04

最近 Fighting Design 被选入了阮一峰老师的科技爱好者周刊(第 225 期):NPC 演员也是一种职业,马上 200 star 了~

2022-09-24

2022-04-24 ~ 2022-09-24 五个月时间

1474commit 终于获得了 100 Star

感谢各位支持,继续加油~

2022-09-16

按需引入也解决了,问题出在了 import * as components from './components' 这句代码上,又新建了一个新的入口文件就解决了这个问题。

现在基础的组件都写的差不多了,现在开始向表单的方向上发展,目前 inputselect 准备进行中,配件都写好了之后,就差不多可以写表单了~

最近的 Star 增加了不少,也得到了不少人的认可,继续加油~😊😊😊

2022-08-20

0.6.2-alpha.2 的版本中,已经将目前已知的打包问题全部解决了。

打包这个东西,真的是一步一个坎坷。

2022-08-08

最近我们新增了很多新组件,感觉还不错,今天我将项目整体大幅度改动了很多,修复了之前的一些打包的问题,这次的打包个人感觉还是比较满意的,详情可以查看 0.5.0-bate.1

2022-06-12

最近陆续的增加了 Badge 角标Divider 分隔线FContainer布局容器 组件,目前组件开发一直还算是非常顺利,只不过打包就没那么顺利了。

之前一直是使用 rollup 打包,但是会报出类型的错误,现在也在尝试使用 vite 打包,但是会有一些路径不对的问题,裂开。。。。

2022-06-07

这两天将 FButton 组件重构了一波,将样式从 445 行缩减到了 145 行,而且样式变得更优了,细节处理更好了

2022-06-04

接下来的组件开发计划,暂时是一些比较简单的组件:

  • Tag 标签
  • Division 分割线
  • Avatar 头像
  • Container 布局容器
  • Crumbs 面包屑

2022-05-31

Fighting Design 并不仅仅会推出一些列的基础组件,还会推出一些趣味组件。

另外,在 Fighting Design 的计划中,还有一种全新的设计思想叫 联合组件!都会在不久的将来进行推出。

敬请期待!

2022-04-24

仓库第一次 commit,就在这一天 Fighting Design 诞生!

+ \ No newline at end of file diff --git a/hashmap.json b/hashmap.json index 6f39c37e7..5386aeec6 100644 --- a/hashmap.json +++ b/hashmap.json @@ -1 +1 @@ -{"readme.md":"830eab90","components_avatar-group.md":"3d3ea048","components_alert.md":"10395d16","components_breadcrumb.md":"412c0fc7","components_box.md":"3a1e16c6","components_badge.md":"b7bd3e24","components_avatar.md":"7becb0e7","components_calendar.md":"20e00197","components_back-top.md":"e978687d","components_swap.md":"e5914cd1","components_button.md":"752c54ab","components_checkbox.md":"a217df68","components_number-animate.md":"25f3e5ba","components_notification.md":"07549fc2","components_card.md":"90f43f34","components_switch.md":"827c71ec","components_page-header.md":"58bd586c","components_pagination.md":"01e1a7b6","components_toolbar.md":"5d4b742d","components_time-picker.md":"69479725","components_image-preview.md":"22dabf13","components_interface.md":"2676664d","components_collapse-animation.md":"083f7c4c","components_progress.md":"dc94219c","components_input.md":"1691e64c","components_layout.md":"a23a75a5","components_link.md":"25e169ae","components_list.md":"06129b3e","components_loading.md":"8133a287","components_trigger.md":"385ca415","components_confirm-box.md":"74e35b64","components_divider.md":"8c68f6c5","components_tooltip.md":"438e99aa","components_select.md":"26ada0a5","components_tree.md":"41945ffa","components_tabs.md":"004e76f3","components_ripple.md":"3e4a60e5","components_space.md":"04262fce","components_tag.md":"d9eda1ef","components_sticky-card.md":"cd01ed45","components_svg-icon.md":"d928b73a","docs_changelog.md":"0b6faf22","components_count-down.md":"5a052b72","components_expand-card.md":"32af438b","components_text.md":"933e1cdd","components_fighting-global.md":"7059bfff","components_empty.md":"1a690fcf","components_image.md":"ab713ee9","components_form.md":"ae737313","components_infinite-scrolling.md":"c8a8a626","components_input-number.md":"7a142e5f","components_skeleton.md":"62318302","components_close-btn.md":"4c0ec5d9","components_menu.md":"7dc515cd","components_rate.md":"ad224676","components_color.md":"ed567fcd","components_slider.md":"82429ff1","docs_contributing.md":"4a9358c4","docs_install.md":"1f8ef053","docs_import.md":"81b84cb9","components_watermark.md":"49785d92","components_textarea.md":"40a676ba","components_radio.md":"4b896457","components_table.md":"b6cc6605","components_drawer.md":"302a62d4","components_dialog.md":"c4de58f1","docs_join.md":"3cf64b81","docs_introduce.md":"61d79acf","theme_start.md":"c3a5824a","components_up-load.md":"50c8b5db","index.md":"b760f916","components_message.md":"65d0723a","components_date-picker.md":"13ec33f4","docs_milepost.md":"1b23fb7b","components_dropdown.md":"806270ee"} +{"components_avatar-group.md":"2ab9fd6c","readme.md":"23acfb74","components_box.md":"f471bbf0","components_alert.md":"b1ca0a8f","components_back-top.md":"2672a274","components_badge.md":"16e30b8f","components_expand-card.md":"ec769ad3","components_avatar.md":"2b67e45d","components_breadcrumb.md":"624ba60c","components_card.md":"c38f75fb","components_dropdown.md":"03796c30","components_calendar.md":"3df30ece","components_time-picker.md":"4c5af656","components_message.md":"f9f53e82","components_divider.md":"9e03be1f","components_switch.md":"3158bff3","components_button.md":"f4e71595","components_text.md":"593ef0b4","components_fighting-global.md":"eef4fc40","components_drawer.md":"a21d2377","components_image-preview.md":"a788ee15","components_infinite-scrolling.md":"42432997","components_form.md":"3237fbaa","components_svg-icon.md":"c5c9a474","components_input-number.md":"8691e9b1","components_interface.md":"5616f2ab","docs_introduce.md":"79b3e6c0","docs_contributing.md":"36677c1a","docs_import.md":"e5145cc1","docs_install.md":"130761c7","docs_changelog.md":"936f0016","docs_join.md":"db505104","index.md":"1bb02eab","docs_milepost.md":"c875c3b6","theme_start.md":"f8ad2e0d","components_notification.md":"8e301abf","components_tag.md":"6a862c30","components_number-animate.md":"05e9fa42","components_tabs.md":"8fd8332b","components_textarea.md":"fc27db7e","components_pagination.md":"aeb8824c","components_page-header.md":"ebc7027a","components_rate.md":"ef003588","components_swap.md":"5e8164fe","components_radio.md":"d4d7365f","components_ripple.md":"1b03eb4a","components_select.md":"831f04f4","components_progress.md":"58762822","components_skeleton.md":"2d511319","components_slider.md":"8a197b81","components_space.md":"b34c90c8","components_collapse-animation.md":"47c01fed","components_sticky-card.md":"74409bd6","components_color.md":"eabd9a56","components_table.md":"ae7e3be6","components_list.md":"aa829b72","components_date-picker.md":"54d36d25","components_close-btn.md":"b7d0ed0d","components_confirm-box.md":"73e61a9a","components_empty.md":"dcecc2ad","components_checkbox.md":"1487b2f0","components_count-down.md":"d79d2d4f","components_watermark.md":"56392a3a","components_image.md":"6b3cd0b9","components_menu.md":"467f40e3","components_up-load.md":"2f89c857","components_input.md":"a35bebbf","components_link.md":"16de7d0c","components_layout.md":"e44381ad","components_toolbar.md":"794f9bf2","components_trigger.md":"1a57a509","components_tooltip.md":"d7709c51","components_loading.md":"e344dcbe","components_dialog.md":"daecd723","components_tree.md":"3e363660"} diff --git a/index.html b/index.html index a543d589d..2e9da9af2 100644 --- a/index.html +++ b/index.html @@ -5,11 +5,11 @@ Fighting Design | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,9 +30,9 @@ -
Skip to content

Fighting Design

可在 vue3 应用程序中快速构建交互界面,看起来还不错。

🌈 Fighting Design 是一款灵活、优质的组件库,为开发者准备。希望开发者可以借用其中的设计,在不久的将来,孕育出更高阶的组件库。

开始使用

贡献者

加入其中
- +
Skip to content

Fighting Design

可在 vue3 应用程序中快速构建交互界面,看起来还不错。

🌈 Fighting Design 是一款灵活、优质的组件库,为开发者准备。希望开发者可以借用其中的设计,在不久的将来,孕育出更高阶的组件库。

开始使用

贡献者

加入其中
+ \ No newline at end of file diff --git a/theme/start.html b/theme/start.html index 72552555b..6f9e23bc0 100644 --- a/theme/start.html +++ b/theme/start.html @@ -5,11 +5,11 @@ 自定义主题 | Fighting Design - - + + - + @@ -17,7 +17,7 @@ - + @@ -30,9 +30,9 @@ -
Skip to content
On this page

自定义主题

第一步

文档马上更新……

最后更新时间:

- +
Skip to content
On this page

自定义主题

第一步

文档马上更新……

最后更新时间:

+ \ No newline at end of file