From 9fbe32a4c3c8767c1f6af1d5c282c9f435d14280 Mon Sep 17 00:00:00 2001 From: Tyh2001 Date: Thu, 20 Jun 2024 06:38:50 +0000 Subject: [PATCH] deploy: 672804b60e4c439b479159f934a33d586794fb2f --- 404.html | 6 +- README.html | 10 +- ...E.md.3a97905a.js => README.md.b43e401d.js} | 2 +- ...05a.lean.js => README.md.b43e401d.lean.js} | 2 +- assets/{app.5f8f43a8.js => app.0d37151f.js} | 2 +- ...ean.js => components_alert.md.b274b202.js} | 8 +- ...s => components_alert.md.b274b202.lean.js} | 8 +- ...=> components_avatar-group.md.e6bfd375.js} | 2 +- ...mponents_avatar-group.md.e6bfd375.lean.js} | 2 +- ...93.js => components_avatar.md.665bcf5a.js} | 6 +- ... => components_avatar.md.665bcf5a.lean.js} | 6 +- ....js => components_back-top.md.74cd8508.js} | 12 +- ...> components_back-top.md.74cd8508.lean.js} | 12 +- ...fa6.js => components_badge.md.d81626d6.js} | 148 ++++++------ ...s => components_badge.md.d81626d6.lean.js} | 148 ++++++------ ...10d62.js => components_box.md.7135bfc3.js} | 2 +- ....js => components_box.md.7135bfc3.lean.js} | 2 +- ...s => components_breadcrumb.md.18a9e4f1.js} | 2 +- ...components_breadcrumb.md.18a9e4f1.lean.js} | 2 +- ...an.js => components_button.md.cfb3c6a2.js} | 40 ++-- ... => components_button.md.cfb3c6a2.lean.js} | 40 ++-- ....js => components_calendar.md.1908d4f2.js} | 2 +- ...> components_calendar.md.1908d4f2.lean.js} | 2 +- assets/components_card.md.4e32a85a.js | 10 + ...js => components_card.md.4e32a85a.lean.js} | 4 +- assets/components_card.md.f61b30a5.js | 10 - ....js => components_checkbox.md.ede4c510.js} | 2 +- ...> components_checkbox.md.ede4c510.lean.js} | 2 +- ...js => components_close-btn.md.5635d1cd.js} | 2 +- ... components_close-btn.md.5635d1cd.lean.js} | 2 +- ...ponents_collapse-animation.md.4736bc1a.js} | 2 +- ...ts_collapse-animation.md.4736bc1a.lean.js} | 2 +- ...849.js => components_color.md.ecfa9ec6.js} | 2 +- ...s => components_color.md.ecfa9ec6.lean.js} | 2 +- ... => components_confirm-box.md.da9d4a18.js} | 2 +- ...omponents_confirm-box.md.da9d4a18.lean.js} | 2 +- ...s => components_count-down.md.eba9ddbb.js} | 2 +- ...components_count-down.md.eba9ddbb.lean.js} | 2 +- ... => components_date-picker.md.e59d4b15.js} | 2 +- ...omponents_date-picker.md.e59d4b15.lean.js} | 2 +- ...b8.js => components_dialog.md.f550bd5f.js} | 2 +- ... => components_dialog.md.f550bd5f.lean.js} | 2 +- ...e.js => components_divider.md.d827f55e.js} | 2 +- ...=> components_divider.md.d827f55e.lean.js} | 2 +- ...dc.js => components_drawer.md.e4a55c73.js} | 2 +- ... => components_drawer.md.e4a55c73.lean.js} | 2 +- ....js => components_dropdown.md.18c70a5a.js} | 2 +- ...> components_dropdown.md.18c70a5a.lean.js} | 2 +- assets/components_empty.md.377e4aa4.js | 6 + ...s => components_empty.md.377e4aa4.lean.js} | 6 +- assets/components_empty.md.da7caebc.js | 6 - ... => components_expand-card.md.8084b883.js} | 2 +- ...omponents_expand-card.md.8084b883.lean.js} | 2 +- ...components_fighting-global.md.2de14482.js} | 2 +- ...nents_fighting-global.md.2de14482.lean.js} | 2 +- ...8211.js => components_form.md.5b52e2a1.js} | 2 +- ...js => components_form.md.5b52e2a1.lean.js} | 2 +- ...> components_image-preview.md.230dfe01.js} | 2 +- ...ponents_image-preview.md.230dfe01.lean.js} | 2 +- ...c04.js => components_image.md.07af6ee2.js} | 2 +- ...s => components_image.md.07af6ee2.lean.js} | 2 +- ...ponents_infinite-scrolling.md.694f16c8.js} | 2 +- ...ts_infinite-scrolling.md.694f16c8.lean.js} | 2 +- ...=> components_input-number.md.56d0c38a.js} | 14 +- ...mponents_input-number.md.56d0c38a.lean.js} | 14 +- ...d57.js => components_input.md.d92b24b4.js} | 2 +- ...s => components_input.md.d92b24b4.lean.js} | 2 +- ...js => components_interface.md.dda9fe64.js} | 2 +- ... components_interface.md.dda9fe64.lean.js} | 2 +- ...3b.js => components_layout.md.0de9b476.js} | 28 +-- ... => components_layout.md.0de9b476.lean.js} | 4 +- ...dd9d.js => components_link.md.5a0d0640.js} | 32 +-- ...js => components_link.md.5a0d0640.lean.js} | 32 +-- ...7272.js => components_list.md.51ef2be6.js} | 2 +- ...js => components_list.md.51ef2be6.lean.js} | 2 +- ...0.js => components_loading.md.4929b97f.js} | 2 +- ...=> components_loading.md.4929b97f.lean.js} | 2 +- ...5a0b.js => components_menu.md.102dc809.js} | 2 +- ...js => components_menu.md.102dc809.lean.js} | 2 +- ...4.js => components_message.md.530d9bda.js} | 2 +- ...=> components_message.md.530d9bda.lean.js} | 2 +- ...=> components_notification.md.523e8c97.js} | 2 +- ...mponents_notification.md.523e8c97.lean.js} | 2 +- ... components_number-animate.md.e3da13a5.js} | 2 +- ...onents_number-animate.md.e3da13a5.lean.js} | 2 +- ... => components_page-header.md.6cbce855.js} | 2 +- ...omponents_page-header.md.6cbce855.lean.js} | 2 +- ...s => components_pagination.md.4c8a1cc8.js} | 2 +- ...components_pagination.md.4c8a1cc8.lean.js} | 2 +- assets/components_progress.md.b45a38a6.js | 64 ++++++ .../components_progress.md.b45a38a6.lean.js | 64 ++++++ assets/components_progress.md.e2bd2265.js | 64 ------ .../components_progress.md.e2bd2265.lean.js | 64 ------ ...6ca.js => components_radio.md.c05f5df6.js} | 2 +- ...s => components_radio.md.c05f5df6.lean.js} | 2 +- ...dbaf.js => components_rate.md.2c14a44d.js} | 2 +- ...js => components_rate.md.2c14a44d.lean.js} | 2 +- ...9e.js => components_ripple.md.4c7b9fc1.js} | 4 +- ... => components_ripple.md.4c7b9fc1.lean.js} | 4 +- ...47.js => components_select.md.ea372860.js} | 2 +- ... => components_select.md.ea372860.lean.js} | 2 +- ....js => components_skeleton.md.ca72f67c.js} | 2 +- ...> components_skeleton.md.ca72f67c.lean.js} | 2 +- ...d8.js => components_slider.md.0a853f64.js} | 2 +- ... => components_slider.md.0a853f64.lean.js} | 2 +- ...270.js => components_space.md.6279683d.js} | 2 +- ...s => components_space.md.6279683d.lean.js} | 2 +- ... => components_sticky-card.md.1420ce20.js} | 2 +- ...omponents_sticky-card.md.1420ce20.lean.js} | 2 +- ....js => components_svg-icon.md.f607f1c8.js} | 2 +- ...> components_svg-icon.md.f607f1c8.lean.js} | 2 +- assets/components_swap.md.1e28086e.js | 58 ----- assets/components_swap.md.1e28086e.lean.js | 58 ----- assets/components_swap.md.9bf3ec4e.js | 58 +++++ assets/components_swap.md.9bf3ec4e.lean.js | 58 +++++ ...ed.js => components_switch.md.e3b7fddc.js} | 18 +- ... => components_switch.md.e3b7fddc.lean.js} | 18 +- ...772.js => components_table.md.9be30452.js} | 2 +- ...s => components_table.md.9be30452.lean.js} | 2 +- ...1899.js => components_tabs.md.267a678b.js} | 2 +- ...js => components_tabs.md.267a678b.lean.js} | 2 +- assets/components_tag.md.1fc0f686.js | 25 ++ assets/components_tag.md.1fc0f686.lean.js | 25 ++ assets/components_tag.md.9e4fbc6e.js | 25 -- assets/components_tag.md.9e4fbc6e.lean.js | 25 -- assets/components_text.md.3645b2aa.js | 28 +++ assets/components_text.md.3645b2aa.lean.js | 28 +++ assets/components_text.md.38b2f441.js | 28 --- assets/components_text.md.38b2f441.lean.js | 28 --- ....js => components_textarea.md.fc40893b.js} | 2 +- ...> components_textarea.md.fc40893b.lean.js} | 2 +- ... => components_time-picker.md.95de3a63.js} | 2 +- ...omponents_time-picker.md.95de3a63.lean.js} | 2 +- ...8.js => components_toolbar.md.6cc37262.js} | 102 ++++----- ...=> components_toolbar.md.6cc37262.lean.js} | 102 ++++----- ...f.js => components_tooltip.md.153f4a0e.js} | 18 +- ...=> components_tooltip.md.153f4a0e.lean.js} | 8 +- ...c861.js => components_tree.md.27ff0e96.js} | 2 +- ...js => components_tree.md.27ff0e96.lean.js} | 2 +- ...a.js => components_trigger.md.329759fd.js} | 2 +- ...=> components_trigger.md.329759fd.lean.js} | 2 +- ...7.js => components_up-load.md.bb1906f8.js} | 14 +- ...=> components_up-load.md.bb1906f8.lean.js} | 14 +- ...js => components_watermark.md.1a93f88d.js} | 6 +- ... components_watermark.md.1a93f88d.lean.js} | 6 +- assets/docs_changelog.md.2e142a77.js | 1 - assets/docs_changelog.md.352b3e7f.js | 1 + ....js => docs_changelog.md.352b3e7f.lean.js} | 2 +- ...05.js => docs_contributing.md.627f2ab2.js} | 2 +- ... => docs_contributing.md.627f2ab2.lean.js} | 2 +- ...c6efaba0.js => docs_import.md.e49cdc50.js} | 2 +- ...ean.js => docs_import.md.e49cdc50.lean.js} | 2 +- ...ad93482.js => docs_install.md.2f0bfcce.js} | 2 +- ...an.js => docs_install.md.2f0bfcce.lean.js} | 2 +- ...5f20a.js => docs_introduce.md.5d5274cb.js} | 2 +- ....js => docs_introduce.md.5d5274cb.lean.js} | 2 +- ...d.85f7592d.js => docs_join.md.32578a21.js} | 2 +- ....lean.js => docs_join.md.32578a21.lean.js} | 2 +- ...609b9c.js => docs_milepost.md.32824203.js} | 2 +- ...n.js => docs_milepost.md.32824203.lean.js} | 2 +- ...ex.md.3838ea63.js => index.md.7e371f72.js} | 2 +- ...ea63.lean.js => index.md.7e371f72.lean.js} | 2 +- ...{style.0f96b228.css => style.19f12570.css} | 2 +- ...d84a8b9a.js => theme_start.md.72b3d72d.js} | 2 +- ...ean.js => theme_start.md.72b3d72d.lean.js} | 2 +- components/alert.html | 106 ++++----- components/avatar-group.html | 10 +- components/avatar.html | 78 +++---- components/back-top.html | 72 +++--- components/badge.html | 156 ++++++------- components/box.html | 10 +- components/breadcrumb.html | 10 +- components/button.html | 200 ++++++++-------- components/calendar.html | 10 +- components/card.html | 28 +-- components/checkbox.html | 10 +- components/close-btn.html | 10 +- components/collapse-animation.html | 10 +- components/color.html | 10 +- components/confirm-box.html | 10 +- components/count-down.html | 10 +- components/date-picker.html | 10 +- components/dialog.html | 10 +- components/divider.html | 10 +- components/drawer.html | 10 +- components/dropdown.html | 10 +- components/empty.html | 20 +- components/expand-card.html | 10 +- components/fighting-global.html | 10 +- components/form.html | 10 +- components/image-preview.html | 10 +- components/image.html | 10 +- components/infinite-scrolling.html | 10 +- components/input-number.html | 70 +++--- components/input.html | 10 +- components/interface.html | 10 +- components/layout.html | 216 +++++++++--------- components/link.html | 40 ++-- components/list.html | 10 +- components/loading.html | 10 +- components/menu.html | 10 +- components/message.html | 10 +- components/notification.html | 10 +- components/number-animate.html | 10 +- components/page-header.html | 10 +- components/pagination.html | 10 +- components/progress.html | 136 +++++------ components/radio.html | 10 +- components/rate.html | 10 +- components/ripple.html | 192 ++++++++-------- components/select.html | 10 +- components/skeleton.html | 10 +- components/slider.html | 10 +- components/space.html | 10 +- components/sticky-card.html | 10 +- components/svg-icon.html | 10 +- components/swap.html | 124 +++++----- components/switch.html | 158 ++++++------- components/table.html | 10 +- components/tabs.html | 10 +- components/tag.html | 58 ++--- components/text.html | 64 +++--- components/textarea.html | 10 +- components/time-picker.html | 12 +- components/toolbar.html | 110 ++++----- components/tooltip.html | 80 +++---- components/tree.html | 10 +- components/trigger.html | 10 +- components/up-load.html | 22 +- components/watermark.html | 86 +++---- docs/changelog.html | 10 +- docs/contributing.html | 10 +- docs/import.html | 10 +- docs/install.html | 10 +- docs/introduce.html | 10 +- docs/join.html | 10 +- docs/milepost.html | 10 +- hashmap.json | 2 +- index.html | 8 +- theme/start.html | 10 +- 240 files changed, 2209 insertions(+), 2197 deletions(-) rename assets/{README.md.3a97905a.js => README.md.b43e401d.js} (99%) rename assets/{README.md.3a97905a.lean.js => README.md.b43e401d.lean.js} (83%) rename assets/{app.5f8f43a8.js => app.0d37151f.js} (95%) rename assets/{components_alert.md.0da9bf0f.lean.js => components_alert.md.b274b202.js} (79%) rename assets/{components_alert.md.0da9bf0f.js => components_alert.md.b274b202.lean.js} (79%) rename assets/{components_avatar-group.md.e5ad6af5.js => components_avatar-group.md.e6bfd375.js} (99%) rename assets/{components_avatar-group.md.e5ad6af5.lean.js => components_avatar-group.md.e6bfd375.lean.js} (99%) rename assets/{components_avatar.md.1fa97693.js => components_avatar.md.665bcf5a.js} (73%) rename assets/{components_avatar.md.1fa97693.lean.js => components_avatar.md.665bcf5a.lean.js} (73%) rename assets/{components_back-top.md.8e0a84aa.js => components_back-top.md.74cd8508.js} (54%) rename assets/{components_back-top.md.8e0a84aa.lean.js => components_back-top.md.74cd8508.lean.js} (54%) rename assets/{components_badge.md.5bce7fa6.js => components_badge.md.d81626d6.js} (69%) rename assets/{components_badge.md.5bce7fa6.lean.js => components_badge.md.d81626d6.lean.js} (69%) rename assets/{components_box.md.4ac10d62.js => components_box.md.7135bfc3.js} (98%) rename assets/{components_box.md.4ac10d62.lean.js => components_box.md.7135bfc3.lean.js} (97%) rename assets/{components_breadcrumb.md.61d44f28.lean.js => components_breadcrumb.md.18a9e4f1.js} (99%) rename assets/{components_breadcrumb.md.61d44f28.js => components_breadcrumb.md.18a9e4f1.lean.js} (99%) rename assets/{components_button.md.6ee5e61e.lean.js => components_button.md.cfb3c6a2.js} (75%) rename assets/{components_button.md.6ee5e61e.js => components_button.md.cfb3c6a2.lean.js} (75%) rename assets/{components_calendar.md.633159a0.js => components_calendar.md.1908d4f2.js} (99%) rename assets/{components_calendar.md.633159a0.lean.js => components_calendar.md.1908d4f2.lean.js} (99%) create mode 100644 assets/components_card.md.4e32a85a.js rename assets/{components_card.md.f61b30a5.lean.js => components_card.md.4e32a85a.lean.js} (81%) delete mode 100644 assets/components_card.md.f61b30a5.js rename assets/{components_checkbox.md.95dc2a1f.js => components_checkbox.md.ede4c510.js} (99%) rename assets/{components_checkbox.md.95dc2a1f.lean.js => components_checkbox.md.ede4c510.lean.js} (99%) rename assets/{components_close-btn.md.3b70a24e.js => components_close-btn.md.5635d1cd.js} (99%) rename assets/{components_close-btn.md.3b70a24e.lean.js => components_close-btn.md.5635d1cd.lean.js} (99%) rename assets/{components_collapse-animation.md.03eedd92.js => components_collapse-animation.md.4736bc1a.js} (99%) rename assets/{components_collapse-animation.md.03eedd92.lean.js => components_collapse-animation.md.4736bc1a.lean.js} (99%) rename assets/{components_color.md.603a5849.js => components_color.md.ecfa9ec6.js} (97%) rename assets/{components_color.md.603a5849.lean.js => components_color.md.ecfa9ec6.lean.js} (97%) rename assets/{components_confirm-box.md.080328f2.js => components_confirm-box.md.da9d4a18.js} (99%) rename assets/{components_confirm-box.md.080328f2.lean.js => components_confirm-box.md.da9d4a18.lean.js} (99%) rename assets/{components_count-down.md.d4badeb3.js => components_count-down.md.eba9ddbb.js} (99%) rename assets/{components_count-down.md.d4badeb3.lean.js => components_count-down.md.eba9ddbb.lean.js} (99%) rename assets/{components_date-picker.md.acd589da.js => components_date-picker.md.e59d4b15.js} (99%) rename assets/{components_date-picker.md.acd589da.lean.js => components_date-picker.md.e59d4b15.lean.js} (99%) rename assets/{components_dialog.md.4d65a2b8.js => components_dialog.md.f550bd5f.js} (99%) rename assets/{components_dialog.md.4d65a2b8.lean.js => components_dialog.md.f550bd5f.lean.js} (99%) rename assets/{components_divider.md.41dabf3e.js => components_divider.md.d827f55e.js} (99%) rename assets/{components_divider.md.41dabf3e.lean.js => components_divider.md.d827f55e.lean.js} (99%) rename assets/{components_drawer.md.118aebdc.js => components_drawer.md.e4a55c73.js} (99%) rename assets/{components_drawer.md.118aebdc.lean.js => components_drawer.md.e4a55c73.lean.js} (99%) rename assets/{components_dropdown.md.ea146087.lean.js => components_dropdown.md.18c70a5a.js} (99%) rename assets/{components_dropdown.md.ea146087.js => components_dropdown.md.18c70a5a.lean.js} (99%) create mode 100644 assets/components_empty.md.377e4aa4.js rename assets/{components_empty.md.da7caebc.lean.js => components_empty.md.377e4aa4.lean.js} (73%) delete mode 100644 assets/components_empty.md.da7caebc.js rename assets/{components_expand-card.md.2a5355b4.js => components_expand-card.md.8084b883.js} (99%) rename assets/{components_expand-card.md.2a5355b4.lean.js => components_expand-card.md.8084b883.lean.js} (99%) rename assets/{components_fighting-global.md.74327b78.js => components_fighting-global.md.2de14482.js} (99%) rename assets/{components_fighting-global.md.74327b78.lean.js => components_fighting-global.md.2de14482.lean.js} (99%) rename assets/{components_form.md.14988211.js => components_form.md.5b52e2a1.js} (99%) rename assets/{components_form.md.14988211.lean.js => components_form.md.5b52e2a1.lean.js} (99%) rename assets/{components_image-preview.md.cff057f0.js => components_image-preview.md.230dfe01.js} (99%) rename assets/{components_image-preview.md.cff057f0.lean.js => components_image-preview.md.230dfe01.lean.js} (99%) rename assets/{components_image.md.390c6c04.js => components_image.md.07af6ee2.js} (99%) rename assets/{components_image.md.390c6c04.lean.js => components_image.md.07af6ee2.lean.js} (99%) rename assets/{components_infinite-scrolling.md.f408a0d6.js => components_infinite-scrolling.md.694f16c8.js} (99%) rename assets/{components_infinite-scrolling.md.f408a0d6.lean.js => components_infinite-scrolling.md.694f16c8.lean.js} (99%) rename assets/{components_input-number.md.7a301aae.js => components_input-number.md.56d0c38a.js} (56%) rename assets/{components_input-number.md.7a301aae.lean.js => components_input-number.md.56d0c38a.lean.js} (56%) rename assets/{components_input.md.4ffbfd57.js => components_input.md.d92b24b4.js} (99%) rename assets/{components_input.md.4ffbfd57.lean.js => components_input.md.d92b24b4.lean.js} (99%) rename assets/{components_interface.md.0516e6a4.js => components_interface.md.dda9fe64.js} (99%) rename assets/{components_interface.md.0516e6a4.lean.js => components_interface.md.dda9fe64.lean.js} (85%) rename assets/{components_layout.md.55567f3b.js => components_layout.md.0de9b476.js} (67%) rename assets/{components_layout.md.55567f3b.lean.js => components_layout.md.0de9b476.lean.js} (90%) rename assets/{components_link.md.95fedd9d.js => components_link.md.5a0d0640.js} (60%) rename assets/{components_link.md.95fedd9d.lean.js => components_link.md.5a0d0640.lean.js} (79%) rename assets/{components_list.md.cd027272.js => components_list.md.51ef2be6.js} (99%) rename assets/{components_list.md.cd027272.lean.js => components_list.md.51ef2be6.lean.js} (99%) rename assets/{components_loading.md.38e99090.js => components_loading.md.4929b97f.js} (99%) rename assets/{components_loading.md.38e99090.lean.js => components_loading.md.4929b97f.lean.js} (99%) rename assets/{components_menu.md.b9225a0b.js => components_menu.md.102dc809.js} (99%) rename assets/{components_menu.md.b9225a0b.lean.js => components_menu.md.102dc809.lean.js} (99%) rename assets/{components_message.md.59013e94.js => components_message.md.530d9bda.js} (99%) rename assets/{components_message.md.59013e94.lean.js => components_message.md.530d9bda.lean.js} (99%) rename assets/{components_notification.md.95e371e9.js => components_notification.md.523e8c97.js} (99%) rename assets/{components_notification.md.95e371e9.lean.js => components_notification.md.523e8c97.lean.js} (99%) rename assets/{components_number-animate.md.12b50156.js => components_number-animate.md.e3da13a5.js} (99%) rename assets/{components_number-animate.md.12b50156.lean.js => components_number-animate.md.e3da13a5.lean.js} (99%) rename assets/{components_page-header.md.db6fff0c.js => components_page-header.md.6cbce855.js} (99%) rename assets/{components_page-header.md.db6fff0c.lean.js => components_page-header.md.6cbce855.lean.js} (99%) rename assets/{components_pagination.md.ecf14dde.js => components_pagination.md.4c8a1cc8.js} (99%) rename assets/{components_pagination.md.ecf14dde.lean.js => components_pagination.md.4c8a1cc8.lean.js} (99%) create mode 100644 assets/components_progress.md.b45a38a6.js create mode 100644 assets/components_progress.md.b45a38a6.lean.js delete mode 100644 assets/components_progress.md.e2bd2265.js delete mode 100644 assets/components_progress.md.e2bd2265.lean.js rename assets/{components_radio.md.7220b6ca.js => components_radio.md.c05f5df6.js} (99%) rename assets/{components_radio.md.7220b6ca.lean.js => components_radio.md.c05f5df6.lean.js} (99%) rename assets/{components_rate.md.1f29dbaf.js => components_rate.md.2c14a44d.js} (99%) rename assets/{components_rate.md.1f29dbaf.lean.js => components_rate.md.2c14a44d.lean.js} (99%) rename assets/{components_ripple.md.53b17b9e.js => components_ripple.md.4c7b9fc1.js} (82%) rename assets/{components_ripple.md.53b17b9e.lean.js => components_ripple.md.4c7b9fc1.lean.js} (82%) rename assets/{components_select.md.b899c447.js => components_select.md.ea372860.js} (99%) rename assets/{components_select.md.b899c447.lean.js => components_select.md.ea372860.lean.js} (99%) rename assets/{components_skeleton.md.6df8ab71.js => components_skeleton.md.ca72f67c.js} (99%) rename assets/{components_skeleton.md.6df8ab71.lean.js => components_skeleton.md.ca72f67c.lean.js} (99%) rename assets/{components_slider.md.2fa519d8.js => components_slider.md.0a853f64.js} (99%) rename assets/{components_slider.md.2fa519d8.lean.js => components_slider.md.0a853f64.lean.js} (99%) rename assets/{components_space.md.eb15e270.js => components_space.md.6279683d.js} (99%) rename assets/{components_space.md.eb15e270.lean.js => components_space.md.6279683d.lean.js} (99%) rename assets/{components_sticky-card.md.d4f79b29.js => components_sticky-card.md.1420ce20.js} (99%) rename assets/{components_sticky-card.md.d4f79b29.lean.js => components_sticky-card.md.1420ce20.lean.js} (99%) rename assets/{components_svg-icon.md.f516773a.lean.js => components_svg-icon.md.f607f1c8.js} (99%) rename assets/{components_svg-icon.md.f516773a.js => components_svg-icon.md.f607f1c8.lean.js} (99%) delete mode 100644 assets/components_swap.md.1e28086e.js delete mode 100644 assets/components_swap.md.1e28086e.lean.js create mode 100644 assets/components_swap.md.9bf3ec4e.js create mode 100644 assets/components_swap.md.9bf3ec4e.lean.js rename assets/{components_switch.md.744a03ed.js => components_switch.md.e3b7fddc.js} (75%) rename assets/{components_switch.md.744a03ed.lean.js => components_switch.md.e3b7fddc.lean.js} (75%) rename assets/{components_table.md.23098772.js => components_table.md.9be30452.js} (99%) rename assets/{components_table.md.23098772.lean.js => components_table.md.9be30452.lean.js} (99%) rename assets/{components_tabs.md.f3541899.js => components_tabs.md.267a678b.js} (99%) rename assets/{components_tabs.md.f3541899.lean.js => components_tabs.md.267a678b.lean.js} (99%) create mode 100644 assets/components_tag.md.1fc0f686.js create mode 100644 assets/components_tag.md.1fc0f686.lean.js delete mode 100644 assets/components_tag.md.9e4fbc6e.js delete mode 100644 assets/components_tag.md.9e4fbc6e.lean.js create mode 100644 assets/components_text.md.3645b2aa.js create mode 100644 assets/components_text.md.3645b2aa.lean.js delete mode 100644 assets/components_text.md.38b2f441.js delete mode 100644 assets/components_text.md.38b2f441.lean.js rename assets/{components_textarea.md.2195a6af.js => components_textarea.md.fc40893b.js} (99%) rename assets/{components_textarea.md.2195a6af.lean.js => components_textarea.md.fc40893b.lean.js} (99%) rename assets/{components_time-picker.md.63257eba.js => components_time-picker.md.95de3a63.js} (99%) rename assets/{components_time-picker.md.63257eba.lean.js => components_time-picker.md.95de3a63.lean.js} (99%) rename assets/{components_toolbar.md.c9f4dd08.js => components_toolbar.md.6cc37262.js} (55%) rename assets/{components_toolbar.md.c9f4dd08.lean.js => components_toolbar.md.6cc37262.lean.js} (55%) rename assets/{components_tooltip.md.39c27d4f.js => components_tooltip.md.153f4a0e.js} (56%) rename assets/{components_tooltip.md.39c27d4f.lean.js => components_tooltip.md.153f4a0e.lean.js} (85%) rename assets/{components_tree.md.f70cc861.js => components_tree.md.27ff0e96.js} (99%) rename assets/{components_tree.md.f70cc861.lean.js => components_tree.md.27ff0e96.lean.js} (99%) rename assets/{components_trigger.md.fc6b5c2a.js => components_trigger.md.329759fd.js} (99%) rename assets/{components_trigger.md.fc6b5c2a.lean.js => components_trigger.md.329759fd.lean.js} (99%) rename assets/{components_up-load.md.93e8f0d7.js => components_up-load.md.bb1906f8.js} (82%) rename assets/{components_up-load.md.93e8f0d7.lean.js => components_up-load.md.bb1906f8.lean.js} (82%) rename assets/{components_watermark.md.36bd276c.js => components_watermark.md.1a93f88d.js} (72%) rename assets/{components_watermark.md.36bd276c.lean.js => components_watermark.md.1a93f88d.lean.js} (95%) delete mode 100644 assets/docs_changelog.md.2e142a77.js create mode 100644 assets/docs_changelog.md.352b3e7f.js rename assets/{docs_changelog.md.2e142a77.lean.js => docs_changelog.md.352b3e7f.lean.js} (69%) rename assets/{docs_contributing.md.7e284405.js => docs_contributing.md.627f2ab2.js} (99%) rename assets/{docs_contributing.md.7e284405.lean.js => docs_contributing.md.627f2ab2.lean.js} (70%) rename assets/{docs_import.md.c6efaba0.js => docs_import.md.e49cdc50.js} (99%) rename assets/{docs_import.md.c6efaba0.lean.js => docs_import.md.e49cdc50.lean.js} (84%) rename assets/{docs_install.md.2ad93482.js => docs_install.md.2f0bfcce.js} (97%) rename assets/{docs_install.md.2ad93482.lean.js => docs_install.md.2f0bfcce.lean.js} (84%) rename assets/{docs_introduce.md.f865f20a.js => docs_introduce.md.5d5274cb.js} (97%) rename assets/{docs_introduce.md.f865f20a.lean.js => docs_introduce.md.5d5274cb.lean.js} (84%) rename assets/{docs_join.md.85f7592d.js => docs_join.md.32578a21.js} (94%) rename assets/{docs_join.md.85f7592d.lean.js => docs_join.md.32578a21.lean.js} (84%) rename assets/{docs_milepost.md.7c609b9c.js => docs_milepost.md.32824203.js} (98%) rename assets/{docs_milepost.md.7c609b9c.lean.js => docs_milepost.md.32824203.lean.js} (84%) rename assets/{index.md.3838ea63.js => index.md.7e371f72.js} (99%) rename assets/{index.md.3838ea63.lean.js => index.md.7e371f72.lean.js} (99%) rename assets/{style.0f96b228.css => style.19f12570.css} (99%) rename assets/{theme_start.md.d84a8b9a.js => theme_start.md.72b3d72d.js} (83%) rename assets/{theme_start.md.d84a8b9a.lean.js => theme_start.md.72b3d72d.lean.js} (83%) diff --git a/404.html b/404.html index b2415974e..69c481dd2 100644 --- a/404.html +++ b/404.html @@ -5,8 +5,8 @@ 404 | Fighting Design - - + + @@ -21,7 +21,7 @@
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.
- diff --git a/README.html b/README.html index 5e99d9443..d8aa913d1 100644 --- a/README.html +++ b/README.html @@ -5,8 +5,8 @@ Docs | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -56,8 +56,8 @@ <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>

💬 写在最后

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

- diff --git a/assets/README.md.3a97905a.js b/assets/README.md.b43e401d.js similarity index 99% rename from assets/README.md.3a97905a.js rename to assets/README.md.b43e401d.js index c6b46428c..c1ccb5f95 100644 --- a/assets/README.md.3a97905a.js +++ b/assets/README.md.b43e401d.js @@ -1,4 +1,4 @@ -import{_ as s,c as a,o as e,M as t}from"./chunks/framework.a8ebc9a3.js";const y=JSON.parse('{"title":"Docs","description":"","frontmatter":{},"headers":[],"relativePath":"README.md","filePath":"README.md","lastUpdated":1718863115000}'),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.a8ebc9a3.js";const y=JSON.parse('{"title":"Docs","description":"","frontmatter":{},"headers":[],"relativePath":"README.md","filePath":"README.md","lastUpdated":1718865452000}'),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.3a97905a.lean.js b/assets/README.md.b43e401d.lean.js
similarity index 83%
rename from assets/README.md.3a97905a.lean.js
rename to assets/README.md.b43e401d.lean.js
index 958023219..df3eb0b99 100644
--- a/assets/README.md.3a97905a.lean.js
+++ b/assets/README.md.b43e401d.lean.js
@@ -1 +1 @@
-import{_ as s,c as a,o as e,M as t}from"./chunks/framework.a8ebc9a3.js";const y=JSON.parse('{"title":"Docs","description":"","frontmatter":{},"headers":[],"relativePath":"README.md","filePath":"README.md","lastUpdated":1718863115000}'),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.a8ebc9a3.js";const y=JSON.parse('{"title":"Docs","description":"","frontmatter":{},"headers":[],"relativePath":"README.md","filePath":"README.md","lastUpdated":1718865452000}'),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.5f8f43a8.js b/assets/app.0d37151f.js
similarity index 95%
rename from assets/app.5f8f43a8.js
rename to assets/app.0d37151f.js
index 7b9a484d4..19a481e81 100644
--- a/assets/app.5f8f43a8.js
+++ b/assets/app.0d37151f.js
@@ -1 +1 @@
-import{f as A,j as ie,w as pe,_ as te,o as f,c as p,v as k,d as L,C as M,y as N,r as S,b as o,t as H,z as w,n as V,D as R,ab as sn,s as Ge,h as B,i as tt,ac as ln,ad as rn,ae as an,a1 as ne,$ as ze,x as D,a as X,F as U,J as Z,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 cn,X as un,a8 as Ue,O as Ne,ai as dn,aj as $t,E as Ee,ak as fn,A as Ct,a5 as Ae,a0 as wt,a6 as Ve,al as pn,V as bn,B as mn,am as hn,a3 as pt,an as _n,u as St,H as Je,ao as vn,ap as gn,aq as yn,ar as kn,as as $n,at as Cn,au as wn,av as Sn,aw as Fn,ax as zn,ay as Ln,az as In,aA as Pn,aB as En}from"./chunks/framework.a8ebc9a3.js";import{t as bt}from"./chunks/theme.78f05fdc.js";import{o as fe,r as Le,t as Tn,j,p as xe,v as Vn,a as g,s as _,c as W,e as q,u as G,w as nt,x as Mn,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 T,z as ot,k as ae,A as Bn,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.f637aaa7.js";import{a as Ft,u as he,P as On,b as zt,B as Hn,F as se,c as Gn,d as jn}from"./chunks/index.fac4cbcf.js";import{w as ye,e as Te}from"./chunks/index.ca94d18f.js";import{F as Lt}from"./chunks/index.d7f4091d.js";import{F as It}from"./chunks/index.038870ed.js";import{F as Un,a as xn}from"./chunks/index.231c9999.js";import"./chunks/index.f96b7fa5.js";const Pt=(t,e)=>{let n=[];return fe(t)&&t.length&&t.forEach(a=>{const l=Le(a.type)&&a.type.name;if(l===e&&n.push(a),l!==e&&a.children&&fe(a.children)){const u=Pt(a.children,e);n=n.concat(u)}}),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=A(1),e=A(0),n=()=>{Tn(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,r)=>{const c=[31,28,31,30,31,30,31,31,30,31,30,31];return r-1===-1&&(r=12),r===2&&l(i)?29:c[r-1]},a=(i,r)=>new Date(i,r-1,1).getDay(),l=i=>i%4===0&&i%100!==0||i%400===0;return{generateCalendar:(i,r)=>{const c=[],s=a(i,r),d=n(i,r-1);for(let v=s-1;v>=0;v--){const b=r-1===0?12:r-1,h=d-v,C=t.lunar?e(i,b,h):{};c.push({year:i,month:b,day:h,target:"prev",...C})}let m=1;for(;m<=n(i,r);){const v=t.lunar?e(i,r,m):{};c.push({year:i,month:r,day:m,target:"current",...v}),m++}let y=1;for(;c.length%7!==0;){const v=r+1===13?1:r+1,b=t.lunar?e(i,v,y):{};c.push({year:i,month:v,day:y,target:"next",...b}),y++}return c}}},Et=(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="")}}},Tt=(t,e,n)=>{const{run:a}=j(),l=A(!0),u=A(!1);let i=!1;const r=(b,h,C)=>{b.src=C,l.value=!0,u.value=!0,a(e.onLoad,h)},c=b=>{l.value=!1,a(e.onError,b)},s=(b,h)=>{const C=new Image;new Promise(($,F)=>{C.src=h||e.src,C.addEventListener("load",I=>{$(I)}),C.addEventListener("error",I=>{F(I)})}).then($=>{$&&r(b,$,C.src)}).catch($=>{if(!i&&e.errSrc){s(b,e.errSrc),i=!0;return}c($)})},d=b=>{const h=new IntersectionObserver(C=>{C[0].isIntersecting&&(s(b),h.unobserve(b))},{rootMargin:xe(e.rootMargin)});return h},m=b=>{const h=()=>{const C=window.innerHeight||document.documentElement.clientHeight,$=document.documentElement.scrollTop||document.body.scrollTop,F=b.offsetParent.offsetTop,I=C+$-F;Math.abs(I){if(t.value){if(e.lazy){IntersectionObserver?d(t.value).observe(t.value):m(t.value);return}s(t.value)}},v=()=>{if(n){if(n())y();else return;return}y()};return ie(v),pe(()=>e.src,()=>{v()}),{isSuccess:l,isShowNode:u}},Vt="data-index",Mt="f-toolbar-item",qe="f-pagination",ge=`${qe}__item`,Bt=`${qe}__prev`,At=`${qe}__next`,mt=25,Nt="f-trigger",Dt="f-trigger__content-box",Zn=t=>{(()=>{const c=t.children[0].cloneNode(!0);t.appendChild(c)})();const n=24;let a=0;const l=t.children.length,u=()=>{let r=a*n;a++;const c=a*n,s=500,d=15,m=s/d,y=(c-r)/m,v=setInterval(()=>{if(r+=y,r>=c&&(clearInterval(v),a===l-1)){t.scrollTop=0,a=0;return}t.scrollTop=r},d)};return(r=2e3)=>{setInterval(u,r)}},Rt=(t,e,n)=>{const{run:a}=j(),l=i=>{e.value=!1,a(n,i)};return{closeVisible:l,maskClose:()=>{t.maskClose&&l()}}},Me=[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+=Me[c-1900]&s?1:0;return d+n(c)},e=c=>Me[c-1900]&15,n=c=>e(c)?Me[c-1900]&65536?30:29:0,a=(c,s)=>s>12||s<1?-1:Me[c-1900]&65536>>s?30:29,l=(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()),v=parseInt(d.toString());if(m<1900||m>2100||m===1900&&y===1&&v<31)return-1;let b;m?b=new Date(m,parseInt(y.toString())-1,v):b=new Date;let h,C=0,$=0;m=b.getFullYear(),y=b.getMonth()+1,v=b.getDate();let F=(Date.UTC(b.getFullYear(),b.getMonth(),b.getDate())-Date.UTC(1900,0,31))/864e5;for(h=1900;h<2101&&F>0;h++)$=t(h),F-=$;F<0&&(F+=$,h--),b.getDay();const I=h;C=e(h);let E=!1;for(h=1;h<13&&F>0;h++)C>0&&h===C+1&&E===!1?(--h,E=!0,$=n(I)):$=a(I,h),E===!0&&h===C+1&&(E=!1),F-=$;F===0&&C>0&&h===C+1&&(E?E=!1:(E=!0,--h)),F<0&&(F+=$,--h);const Y=h,x=F+1,K=u(m,y*2);let Ce="";K===v&&(Ce=Wn[y*2-1]);const dt=l(y,v),ft=y+"-"+v;let We=Y+"-"+x;return Y===12&&x===29&&a(I,Y)===29&&(We="12-30"),{festival:ht[ft]?ht[ft].title:"",lunarFestival:_t[We]?_t[We].title:"",lunar:i(x),term:Ce,constellation:dt}}},to=(t,e,n)=>{const a=i=>{n(i.clientX-e.value)},l=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",l)},u=()=>{document.addEventListener("mousemove",a,{passive:!1}),document.addEventListener("mouseup",l,{passive:!1})};t.addEventListener("mousedown",u,{passive:!1})},no={visible:g(),text:_(),color:_(),fullscreen:g(),background:_(),icon:W()},oo={},so={width:"1em",height:"1em",viewBox:"0 0 16 16"},lo=k("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 f(),p("svg",so,ro)}const io=te(oo,[["render",ao]]),co={},uo={width:"1em",height:"1em",viewBox:"0 0 16 16"},fo=k("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 f(),p("svg",uo,po)}const Ye=te(co,[["render",bo]]),mo={},ho={width:"1em",height:"1em",viewBox:"0 0 16 16"},_o=k("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 f(),p("svg",ho,vo)}const Ie=te(mo,[["render",go]]),yo={},ko={width:"1em",height:"1em",viewBox:"0 0 16 16"},$o=k("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 f(),p("svg",ko,Co)}const So=te(yo,[["render",wo]]),Fo={},zo={width:"1em",height:"1em",viewBox:"0 0 16 16"},Lo=k("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 f(),p("svg",zo,Io)}const Eo=te(Fo,[["render",Po]]),To={},Vo={width:"1em",height:"1em",viewBox:"0 0 16 16"},Mo=k("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 f(),p("svg",Vo,Bo)}const No=te(To,[["render",Ao]]),Do={},Ro={width:"32",height:"32",viewBox:"0 0 24 24"},Oo=k("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 f(),p("svg",Ro,Ho)}const jo=te(Do,[["render",Go]]),Uo={},xo={width:"1em",height:"1em",viewBox:"0 0 16 16"},qo=k("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[k("circle",{cx:"7.5",cy:"7.5",r:"4.75"}),k("path",{d:"M9.25 7.5h-3.5M7.5 5.75v3.5m3.75 2l3 3"})],-1),Yo=[qo];function Ko(t,e){return f(),p("svg",xo,Yo)}const Zo=te(Uo,[["render",Ko]]),Wo={},Xo={width:"1em",height:"1em",viewBox:"0 0 16 16"},Jo=k("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[k("circle",{cx:"7.5",cy:"7.5",r:"4.75"}),k("path",{d:"M9.25 7.5h-3.5m5.5 3.75l3 3"})],-1),Qo=[Jo];function es(t,e){return f(),p("svg",Xo,Qo)}const ts=te(Wo,[["render",es]]),ns={},os={width:"32",height:"32",viewBox:"0 0 24 24"},ss=k("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 f(),p("svg",os,ls)}const as=te(ns,[["render",rs]]),is={},cs={width:"32",height:"32",viewBox:"0 0 24 24"},us=k("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 f(),p("svg",cs,ds)}const ps=te(is,[["render",fs]]),bs={},ms={width:"1em",height:"1em",viewBox:"0 0 16 16"},hs=k("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 f(),p("svg",ms,_s)}const gs=te(bs,[["render",vs]]),ys={},ks={width:"1em",height:"1em",viewBox:"0 0 16 16"},$s=k("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 f(),p("svg",ks,Cs)}const Ss=te(ys,[["render",ws]]),Fs={},zs={width:"32",height:"32",viewBox:"0 0 512 512"},Ls=k("path",{fill:"currentColor",d:"M128 128h256v38H128zm-16 64h288v38H112z"},null,-1),Is=k("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 f(),p("svg",zs,Ps)}const Ts=te(Fs,[["render",Es]]),Vs={},Ms={width:"32",height:"32",viewBox:"0 0 24 24"},Bs=k("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 f(),p("svg",Ms,As)}const Ds=te(Vs,[["render",Ns]]),Rs={},Os={width:"1em",height:"1em",viewBox:"0 0 16 16"},Hs=k("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 f(),p("svg",Os,Gs)}const Us=te(Rs,[["render",js]]),xs={},qs={width:"1em",height:"1em",viewBox:"0 0 16 16"},Ys=k("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 f(),p("svg",qs,Ks)}const De=te(xs,[["render",Zs]]),Ws={},Xs={width:"1em",height:"1em",viewBox:"0 0 16 16"},Js=k("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[k("circle",{cx:"2.5",cy:"8",r:".75"}),k("circle",{cx:"8",cy:"8",r:".75"}),k("circle",{cx:"13.5",cy:"8",r:".75"})],-1),Qs=[Js];function el(t,e){return f(),p("svg",Xs,Qs)}const vt=te(Ws,[["render",el]]),tl={},nl={width:"1em",height:"1em",viewBox:"0 0 16 16"},ol=k("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 f(),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"),l=n(["background","color"]),u=a(["fullscreen"],"f-loading");return(i,r)=>i.visible?(f(),p("div",{key:0,class:V(o(u)),style:R(o(l))},[M(o(q),{size:20,class:"f-loading__animation",icon:i.icon},{default:N(()=>[S(i.$slots,"icon",{},()=>[M(o(Ft))])]),_:3},8,["icon"]),i.text?(f(),p("span",al,H(i.text),1)):w("",!0)],6)):w("",!0)}}),cl=()=>{const t=(l,u)=>{const i=c=>u.value[c],r=c=>i(c)||l.getAttribute(`f-loading-${c}`)||"";return{visible:!!u.value,fullscreen:u.modifiers.fullscreen,text:r("text"),color:r("color"),background:r("background")}},e=(l,u)=>{l.originalPosition!=="absolute"&&l.originalPosition!=="fixed"&&(l.style.position="relative");const i=t(l,u),r=sn(il,i),c=r.mount(document.createElement("div"));l.vm=c,l.loadingInstance=r,l.appendChild(c.$el)},n=l=>{l.loadingInstance&&(l.style.position=l.originalPosition,l.removeChild(l.vm.$el),l.loadingInstance.unmount(),l.loadingInstance=null)};return{mounted:(l,u)=>{const i=getComputedStyle(l).position||"static";l.originalPosition=i,u.value&&e(l,u)},updated:(l,u)=>{u.value!==u.oldValue&&(u.value?e(l,u):n(l))}}},ul=(t,e,n)=>{const a=A(0),l=c=>{let s=c.offsetLeft,d=c.offsetParent;for(;d!==null;)s+=d.offsetLeft,d=d.offsetParent;return s},u=()=>{t.value&&(a.value=l(t.value))};ie(()=>{u(),window&&window.addEventListener("resize",u)}),Ge(()=>{window&&window.removeEventListener("resize",u)});const i=A(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=B(()=>{const c=Math.floor(t.total/t.pageSize);return t.total%t.pageSize===0?c:c+1}),l=B(()=>{const c=Number(t.pagerCount),s=Number(t.current),d=(c-1)/2;let m=!1,y=!1;const v=[];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=A(!1),r=A(!1);return tt(()=>{const c=Number(t.pagerCount),s=(c-1)/2;i.value=!1,r.value=!1,a.value>c&&(t.current>c-s&&(i.value=!0),t.current{const{run:l}=j(),u=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,l(t.onChange,d,t.pageSize,m))},r=A("1");return{jumpCurrent:r,selectChange:u,handelChange:i,handleInput:()=>{t.disabled||(Number(r.value)>n.value.length&&(r.value=String(n.value.length)),e.currentModelValue.value=Number(r.value))},handelClick:d=>{if(t.disabled)return;const m=d.target;if(m.className.includes(ge)){let y=Number(m.textContent);const v=t.pagerCount,b=t.current,h=v-2;m.className.includes(Bt)&&(y=b-h),m.className.includes(At)&&(y=b+h),Number.isNaN(y)||(y<1&&(y=1),y>a.value&&(y=a.value)),y!==b&&(e.currentModelValue.value=y,l(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),l=Math.floor(t%Qe/Re),u=Math.floor(t%Re);return{total:t,days:e,hours:n,minutes:a,seconds:l,milliseconds:u}},ml=(t,e,n=Re)=>Math.floor(t/n)===Math.floor(e/n),hl=t=>{let e,n,a,l;const u=A(t.time),i=B(()=>bl(u.value)),r=()=>Math.max(n-performance.now(),0),c=h=>{var C;u.value=h,h===0&&(y(),(C=t.onFinish)==null||C.call(t))},s=()=>{nt&&(t.millisecond?v():b())},d=()=>{a||(n=performance.now()+u.value,a=!0,s())},m=(h=t.time)=>{y(),u.value=h},y=()=>{a=!1,pl(e)},v=()=>{e=gt(()=>{a&&(c(r()),u.value>0&&v())})},b=()=>{e=gt(()=>{if(a){const h=r();(!ml(h,u.value,t.interval)||h===0)&&c(h),u.value>0&&b()}})};return ln(y),rn(()=>{l&&(a=!0,l=!1,s())}),an(()=>{a&&(y(),l=!0)}),{start:d,pause:y,reset:m,current:i}},_l=(t,e)=>{const{run:n}=j(),a=ne({x:"",y:""}),l=B(()=>{const{spacing:h,enterDuration:C,leaveDuration:$}=t;return{"--trigger-content-x":a.x,"--trigger-content-y":a.y,"--trigger-spacing-size":xe(h),"--trigger-enter-duration":C&&C+"s","--trigger-leave-duration":$&&$+"s"}}),u=()=>{const h=e.value;if(!h)return;const{left:C,top:$,height:F}=h.getBoundingClientRect(),I=C+window.scrollX,E=$+window.scrollY+F;a.x=I+"px",a.y=E+"px"},i=A(!1);let r=!1;const c=h=>{if(!t.disabled){if(i.value){r=!0;return}u(),i.value=!0,r=!0,n(t.onOpen,i.value,h),n(t.onChange,i.value,h)}},s=h=>{if(t.disabled)return;r=!1;const C=()=>{i.value=!1,n(t.onClose,i.value,h),n(t.onChange,i.value,h)};if(t.trigger==="click"){C();return}setTimeout(()=>{r||C()},300)},d=()=>{r=!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=h=>{const C=h.target;C.closest("."+Dt)||C.closest("."+Nt)||(s(h),window.removeEventListener("click",y,!0),window.removeEventListener("resize",u))};return{visible:i,styleList:l,close:s,onBeforeEnter:h=>{if(t.trigger==="hover"){const C=h;C.addEventListener("mouseenter",d),C.addEventListener("mouseleave",s)}window.addEventListener("resize",u),window.addEventListener("click",y,!0)},onAfterLeave:h=>{if(t.trigger==="hover"){const C=h;C.removeEventListener("mouseenter",d),C.removeEventListener("mouseleave",s)}}}},vl=t=>{const e=ne({}),n=ze(),a=B(()=>{if(!n.default)return[];const i=Pt(n.default(),"FFormItem");return i.forEach(r=>{r.props&&r.props.name&&r.props.rules&&(e[r.props.name]=!1)}),i}),l=(i,r)=>{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(r=>{const c=r.props&&r.props.rules,s=r.props&&r.props.name;if(r.props&&c&&s&&t.model)if(s.includes(".")){const d=Mn(s,".");let m=t.model;if(d&&d.length){for(const v of d)if(m=m[v],!m){ye("f-form-item",`${s} is not a valid \`name\` parameter`);break}const y=l(m,c);e[s]=y}}else if(s in t.model){const d=t.model[s],m=l(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(r=>!!r&&!me(r)):!0}}},{run:Be}=j(),Ot=t=>({handleOpen:u=>{document.body.style.overflow="hidden",Be(t.onOpen,u)},handleOpenEnd:u=>{Be(t.onOpenEnd,u)},handleClose:u=>{document.body.style.overflow="",Be(t.onClose,u)},handleCloseEnd:u=>{Be(t.onCloseEnd,u)}}),gl=t=>{const{run:e}=j(),n=B(()=>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=>B(()=>{const e=document.createElement("canvas"),n=window.devicePixelRatio||1,l=t.fontSize*n+"px serif",u=e.getContext("2d");if(u){const{width:i}=u.measureText(t.content),r=Math.max(100,i)*n+t.gap;return e.width=r,e.height=r,u.translate(e.width/2,e.height/2),u.rotate(Math.PI/190*-45),u.fillStyle=t.fontColor,u.font=l,u.textAlign="center",u.textBaseline="middle",u.fillText(t.content,0,0),{base64:e.toDataURL(),size:r/n}}return{base64:"",size:0}}),kl={type:_(void 0,t=>ke.includes(t)),fontSize:z(),titleSize:z(),bold:g(),center:g(),close:g(),simple:g(),title:_(),round:g(),background:_(),color:_(),titleColor:_(),fixed:g(),closeIcon:W(),beforeIcon:W(),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:l,classes:u}=G(n(["type"]),"alert"),i=A(!0),r=A(),c=u(["type","bold","simple","center","round","fixed"],"f-alert"),s=l(["fontSize","color","background","titleSize","titleColor"]),d=m=>{i.value=!1,a(e.onClose,m)};return ie(()=>{e.alertList&&e.alertList.length&&r.value&&Zn(r.value)(ee(e.duration)?e.duration:2e3)}),(m,y)=>(f(),D(ce,{name:"f-alert"},{default:N(()=>[i.value?(f(),p("div",{key:0,role:"alert",class:V(o(c)),style:R(o(s))},[m.$slots.beforeIcon||m.beforeIcon?(f(),D(o(q),{key:0,icon:m.beforeIcon},{default:N(()=>[S(m.$slots,"beforeIcon")]),_:3},8,["icon"])):w("",!0),k("div",$l,[m.$slots.title||m.title?(f(),p("div",Cl,[S(m.$slots,"title",{},()=>[X(H(m.title),1)])])):w("",!0),m.$slots.default?(f(),p("div",wl,[S(m.$slots,"default")])):w("",!0),m.alertList&&m.alertList.length?(f(),p("div",{key:2,ref_key:"alertListEl",ref:r,class:"f-alert__list"},[(f(!0),p(U,null,Z(m.alertList,(v,b)=>(f(),p("div",{key:b,class:"f-alert__list-item"},H(v),1))),128))],512)):w("",!0)]),m.close?(f(),D(o($e),{key:1,round:"",color:m.type==="default"?"#333":"#fff",size:16,icon:m.closeIcon,"on-click":d},{default:N(()=>[S(m.$slots,"closeIcon")]),_:3},8,["color","icon"])):w("",!0)],6)):w("",!0)]),_:3}))}}),Fl=T(Sl),zl={width:z(),padding:z(),background:_()},Ll=L({name:"FAside",__name:"aside",props:zl,setup(t){const e=t,{styles:n}=G(e,"aside"),a=n(["width","padding","background"]);return(l,u)=>(f(),p("aside",{class:"f-aside",style:R(o(a))},[S(l.$slots,"default")],4))}}),Il=T(Ll),Pl={src:_(),errSrc:_(),icon:W(),alt:_(),round:g(),lazy:g(),fit:_(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:_(),fontSize:z(),fontColor:_(),text:_(),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:_(void 0,t=>ot.includes(t))},Ht=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=ze(),a=A(),l=le(Ht,void 0),{isSuccess:u,isShowNode:i}=Tt(a,e,()=>!n.icon&&!e.icon&&!e.text&&a.value),r=ne({..._e(e),..._e(ne(l||{}))}),{styles:c,classes:s}=G(r,"avatar"),d=s(["round","fit",{key:"size",callback:()=>me(r.size)}],"f-avatar"),m=c(["background","fontColor","fontSize","zIndex",{key:"size",callback:()=>ee(r.size)}],"zIndex");return(y,v)=>o(u)?(f(),p("div",{key:0,role:"img",class:V(o(d)),style:R(o(m))},[y.$slots.icon||y.icon?(f(),D(o(q),{key:0,size:y.fontSize||15,color:y.fontColor,icon:y.icon},{default:N(()=>[S(y.$slots,"icon")]),_:3},8,["size","color","icon"])):y.text?(f(),p("span",Tl,H(y.text),1)):(f(),p("img",{key:2,ref_key:"avatarRef",ref:a,class:"f-avatar__img",src:"",style:R(o(i)?"":"visibility: hidden"),alt:y.alt},null,12,Vl))],6)):(f(),p("div",{key:1,class:"f-avatar__error",style:R(o(m))},[S(y.$slots,"error",{},()=>[k("span",Ml,H(y.alt||"加载失败"),1)])],4))}}),Al=T(Bl),Nl={round:g(),behavior:_("smooth",t=>["smooth","auto"].includes(t)),visibleHeight:O(200),right:z(),bottom:z(),zIndex:O(),top:O(0),listenEl:_(),background:_(),color:_()},Dl=L({name:"FBackTop",__name:"back-top",props:Nl,setup(t){const e=t,{styles:n,classes:a}=G(e,"back-top"),l=A(!1),u=d=>Bn(()=>{const m=(d||document.documentElement).scrollTop,y=ee(e.visibleHeight)?e.visibleHeight:200;l.value=m>y},200),i=u(),r=()=>{const{top:d,behavior:m,listenEl:y}=_e(e);if(me(e.listenEl)){const v=document.querySelector(y.value);if(!v){Te("f-back-top","`listen-el` is not a element");return}v&&v.scrollTo({top:d.value,behavior:m.value});return}else Te("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)){Te("f-back-top","`listen-el` attributes is not a string"),document.addEventListener("scroll",u());return}const d=document.querySelector(e.listenEl);if(!d){Te("f-back-top","`listen-el` is not a element");return}d&&d.addEventListener("scroll",u(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)=>(f(),D(ce,{name:"f-back-top"},{default:N(()=>[re(k("div",{class:V(o(s)),style:R(o(c)),onClick:de(r,["stop"])},[S(d.$slots,"default")],6),[[be,l.value]])]),_:3}))}}),Rl=T(Dl),Ol={value:z(),max:O(99),dot:g(),show:g(!0),type:_("danger",t=>ke.includes(t)),background:_(),color:_()},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"),l=n(["type","dot"],"f-badge"),u=a(["background","color"]),i=B(()=>{const{dot:c,max:s,value:d}=e;return c?"":ee(s)&&ee(d)&&d>s?s+"+":d}),r=B(()=>{const{value:c,show:s}=e;return!ee(c)&&s?!0:s&&ee(c)&&c>0});return(c,s)=>(f(),p("div",{class:V(o(l)),style:R(o(u))},[S(c.$slots,"default"),M(ce,{name:"f-badge"},{default:N(()=>[r.value?(f(),p("sup",Hl,H(i.value),1)):w("",!0)]),_:1})],6))}}),jl=T(Gl),Ul={separator:W(),fontColor:_(),iconColor:_(),fontSize:z()},Gt=Symbol("breadcrumb-props-key"),xl={key:0,class:"f-breadcrumb"},ql=L({name:"FBreadcrumb",__name:"breadcrumb",props:Ul,setup(t){return ue(Gt,t),(n,a)=>n.$slots.default?(f(),p("div",xl,[S(n.$slots,"default")])):w("",!0)}}),Yl=T(ql),Kl={fontColor:_(),iconColor:_(),separator:W(),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(Gt,null),{styles:a}=G(ne({iconColor:e.iconColor||n&&n.iconColor,fontColor:e.fontColor||n&&n.fontColor,fontSize:n&&n.fontSize}),"breadcrumb-item"),l=je(),u=B(()=>e.separator?e.separator:n&&n.separator?n.separator:Ie),i=a(["fontColor","iconColor","fontSize"]),r=()=>{const c=l.appContext.config.globalProperties.$router;if(c&&e.to)try{c.push(e.to)}catch(s){console.warn(s)}};return(c,s)=>(f(),p("div",{class:"f-breadcrumb-item",style:R(o(i)),onClick:r},[k("span",Zl,[S(c.$slots,"default")]),M(o(q),{icon:u.value,size:16},null,8,["icon"])],4))}}),Xl=T(Wl),Jl=L({name:"FButtonGroup",__name:"button-group",props:On,setup(t){const e=t,{classes:n}=G(e,"button-group"),a=le(zt,null),l=B(()=>e.size||a&&a.size||"middle");ue(Hn,l.value);const u=n(["direction","size"],"f-button-group");return(i,r)=>(f(),p("div",{role:"group",class:V(o(u))},[S(i.$slots,"default")],2))}}),Ql=T(Jl),er={date:{type:Date,default:()=>new Date,required:!0},lunar:g(),showHeader:g(!0),border:g(),borderColor:_(),dayCellHeight:z(),weekCellHeight:z(),onChange:P(),onChangeDate:P(),onChangeMonth:P()},tr={value:z(),label:z(),disabled:g()},nr={spacing:z(),disabled:g(),trigger:_("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:_("f-select"),size:_("middle",t=>ae.includes(t)),placeholder:_(),clear:g(),filter:g(),disabled:g(),onChange:P(),onBeforeChange:P()},jt=Symbol("f-select-props-key"),sr=L({name:"FOption",__name:"option",props:tr,setup(t){const e=t,n=ze(),{run:a}=j(),l=le(jt,null),u=le(rt,null),i=B(()=>{if(!n.default)return"";const h=n.default()[0].children;return me(h)?h:(ye("f-option","slot content is not a string"),"")}),r=B(()=>!l||!(u!=null&&u.isVisible())?!1:l.isTrigger&&l.filter&&l.isFiltering?s?s.toString().includes(l.inputValue):!1:!0),c=(...h)=>{if(!h||!h.length)return"";const C=h.find($=>$==null||Number.isNaN($)?!1:fe($)||Le($)?Object.keys($).length>0:$===0?!0:!!$);return C!==void 0?C:h[h.length-1]},s=c(i.value,e.label,e.value),d=c(e.value,e.label,i.value),m=B(()=>l?d===l.modelValue:!1),y=async h=>{if(!(!l||e.disabled)){if(l.onBeforeChange&&!await l.onBeforeChange(d,s)){u&&a(u.close);return}a(l.setValue,d,s,h),u&&a(u.close)}},v=()=>{l&&d===l.modelValue&&(console.log("run"),l&&a(l.setValue,d,s))};return(()=>{l&&pe(()=>l.modelValue,v,{immediate:!0})})(),(h,C)=>h.$slots.default||h.label||h.value?re((f(),p("div",{key:0,class:V(["f-option",{"f-option__disabled":h.disabled,"f-option__active":m.value}]),onClick:y},[h.$slots.default?S(h.$slots,"default",{key:0}):(f(),p(U,{key:1},[X(H(h.label||h.value),1)],64))],2)),[[be,r.value]]):w("",!0)}}),Oe=T(sr),lr={modelValue:z(),type:_("text",t=>["text","password","number"].includes(t)),size:_(void 0,t=>ae.includes(t)),disabled:g(),max:O(),min:O(),maxLength:O(),fontSize:z(),autofocus:g(),name:_("f-input"),placeholder:_(),placeholderColor:_(),clear:g(),width:z(),height:z(),search:g(),textColor:_(),readonly:g(),showPassword:g(),enterSearch:g(),icon:W(),afterIcon:W(),autocomplete:_("off"),onSearch:P(),onChange:P(),onInput:P(),onBlur:P(),onFocus:P(),onEnter:P()},rr={modelValue:{...g(),require:!0},size:z(40),type:_(void 0,t=>["sound","swap"].includes(t)),iconOn:W(),iconOff:W(),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:l}=G(e,"swap"),u=r=>{n.value=!n.value,a(e.onChange,!e.modelValue,r)},i=l(["type","modelValue"],"f-swap");return(r,c)=>(f(),p("div",{role:"switch",class:V(o(i)),onClick:u},[M(o(q),{icon:n.value?r.iconOn:r.iconOff,size:r.size},null,8,["icon","size"])],2))}}),Ut=T(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:l,getProp:u}=he(e),{styles:i,classes:r}=G(u(["size"]),"input"),{handleInput:c,handleClear:s,handleChange:d}=Et(e,n),m=A(!1),y=A(e.type),v=A(!1);tt(()=>{y.value=e.type});const b=B(()=>l("input").value.search),h=E=>{a(e.onSearch,n.value,E)},C=E=>{const{search:Y,enterSearch:x,onEnter:K}=_e(e);Y.value&&x.value&&h(E),a(K.value,n.value,E)},$=()=>{if(m.value){y.value="text",m.value=!0;return}y.value="password",m.value=!1},F=i(["placeholderColor","textColor","width","height","fontSize"]),I=r(["size","disabled","search"],"f-input");return(E,Y)=>(f(),p("div",{role:"input",class:V(o(I)),style:R(o(F))},[k("div",ir,[S(E.$slots,"before"),E.icon?(f(),D(o(q),{key:0,class:"f-input__icon",icon:E.icon,size:13},null,8,["icon"])):w("",!0),re(k("input",{"onUpdate:modelValue":Y[0]||(Y[0]=x=>n.value=x),class:"f-input__input",type:y.value,max:E.max,min:E.min,disabled:E.disabled,readonly:E.readonly,autofocus:E.autofocus,name:E.name,autocomplete:E.autocomplete,placeholder:E.placeholder,maxlength:E.maxLength,onInput:Y[1]||(Y[1]=(...x)=>o(c)&&o(c)(...x)),onChange:Y[2]||(Y[2]=(...x)=>o(d)&&o(d)(...x)),onKeyup:un(C,["enter"]),onBlur:Y[3]||(Y[3]=(...x)=>E.onBlur&&E.onBlur(...x)),onFocus:Y[4]||(Y[4]=(...x)=>E.onFocus&&E.onFocus(...x))},null,40,cr),[[cn,n.value]]),E.clear?(f(),D(o(q),{key:1,class:"f-input__clear-btn",icon:o(st),size:14,"on-click":o(s)},null,8,["icon","on-click"])):w("",!0),E.afterIcon?(f(),D(o(q),{key:2,icon:E.afterIcon,size:14},null,8,["icon"])):w("",!0),E.showPassword?(f(),D(o(Ut),{key:3,modelValue:m.value,"onUpdate:modelValue":Y[5]||(Y[5]=x=>m.value=x),class:"f-input__show-password",type:"swap","icon-on":o(ps),"icon-off":o(as),size:14,"on-change":$},null,8,["modelValue","icon-on","icon-off"])):w("",!0),S(E.$slots,"after",{isHover:v.value})]),E.search?(f(),p("div",{key:0,class:"f-input__search",onClick:h},[S(E.$slots,"searchBtn",{},()=>[M(o(se),{type:"primary",size:E.size},{default:N(()=>[X(H(b.value),1)]),_:1},8,["size"])])])):w("",!0)],6))}}),Pe=T(ur),dr={spacing:z(),disabled:g(),width:{type:[Number,String],default:()=>null},trigger:_("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=A(),{classes:l,styles:u}=G(n,"trigger"),{visible:i,styleList:r,close:c,onBeforeEnter:s,onAfterLeave:d}=_l(n,a),m=l(["arrow"],Dt),y=u(["width"]);return ue(rt,{close:c,isVisible:()=>i.value}),e({close:c}),(v,b)=>(f(),p("div",{class:V(o(Nt))},[k("div",{ref_key:"triggerRef",ref:a,class:"f-trigger__trigger"},[S(v.$slots,"default")],512),(f(),D(Ue,{to:"body"},[M(ce,{name:"f-trigger",onBeforeEnter:o(s),onAfterLeave:o(d)},{default:N(()=>[re(k("div",{class:V(o(m)),style:R([o(r),o(y)])},[k("div",fr,[S(v.$slots,"content")])],6),[[be,o(i)]])]),_:3},8,["onBeforeEnter","onAfterLeave"])]))],2))}}),Ke=T(pr),br={class:"f-dropdown"},mr=L({name:"FDropdown",__name:"dropdown",props:dr,setup(t){return(e,n)=>(f(),p("div",br,[M(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:N(()=>[S(e.$slots,"content")]),default:N(()=>[S(e.$slots,"default")]),_:3},8,["trigger","disabled","spacing","arrow","width","enter-duration","leave-duration","on-change","on-open","on-close"])]))}}),at=T(mr),hr={content:_(),contentSize:z(),contentColor:_(),imageSrc:_(),imageSize:z(),background:_(),iconSize:z(30)},_r={src:_(),alt:_(),draggable:g(!0),lazy:g(),rootMargin:z("100px"),width:z(),height:z(),block:g(),fit:_(void 0,t=>ot.includes(t)),select:g(),referrerPolicy:_(),round:z(),errSrc:_(),title:_(),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=A(),{classes:a,styles:l}=G(e,"image"),{isSuccess:u,isShowNode:i}=Tt(n,e),r=a(["fit","select","block"],"f-image"),c=l(["width","height","round"]);return(s,d)=>o(u)?(f(),p("div",{key:0,role:"img",class:V(o(r)),style:R(o(c))},[k("img",{ref_key:"imageEl",ref:n,class:"f-image__img",src:"",style:R(o(i)?"":"visibility: hidden"),"referrer-policy":s.referrerPolicy,draggable:s.draggable,alt:s.alt,title:s.title},null,12,vr)],6)):(f(),p("div",gr,[S(s.$slots,"error",{},()=>[k("div",yr,H(s.alt||"加载失败"),1)])]))}}),xt=T(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(),l=B(()=>e.content||a("empty").value.content),u=n(["contentColor","contentSize","background"]);return(i,r)=>(f(),p("div",{class:"f-empty",style:R(o(u))},[k("div",$r,[i.$slots.default?S(i.$slots,"default",{key:0}):(f(),p(U,{key:1},[i.imageSrc?(f(),D(o(xt),{key:0,src:i.imageSrc,width:i.imageSize},null,8,["src","width"])):(f(),D(o(q),{key:1,icon:o(Ts),size:i.iconSize},null,8,["icon","size"]))],64))]),k("span",Cr,H(l.value),1),i.$slots.footer?(f(),p("div",wr,[S(i.$slots,"footer")])):w("",!0)],4))}}),it=T(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:l}=G(e,"select"),u=l(["width"]),i=A(!1),r=A(),c=A(!0),s=A(""),d=A(!1),m=A(!1),y=async(F,I,E)=>{await Ne(),I!==e.modelValue&&E&&a(e.onChange,F,I,E),n.value=F,s.value=I==null?void 0:I.toString(),d.value=!1},v=async F=>{var E;await Ne(),m.value=F;const I=(E=r.value)==null?void 0:E.querySelector(".f-option.f-option__active");I&&I instanceof Node&&I.scrollIntoView({block:"end"})},b=F=>{m.value=F,d.value=F},h=()=>{i.value=!1,c.value||(s.value="")},C=()=>{i.value=!0},$=()=>{d.value=!0};return pe(()=>n.value,F=>{F||(s.value="")}),ue(jt,ne({inputValue:s,isFiltering:d,modelValue:n,isTrigger:m,filter:e.filter,setValue:y,onBeforeChange:e.onBeforeChange})),(F,I)=>(f(),p("div",{class:"f-select",style:R(o(u))},[M(o(at),{trigger:"click",disabled:F.disabled,width:F.width,"on-open":v,"on-close":b},{content:N(()=>[k("div",{ref_key:"selectContentRef",ref:r,class:"f-select__content"},[c.value?S(F.$slots,"default",{key:0}):(f(),D(o(it),{key:1,content:"暂无数据"}))],512)]),default:N(()=>[M(o(Pe),{modelValue:s.value,"onUpdate:modelValue":I[0]||(I[0]=E=>s.value=E),readonly:!F.filter,name:F.name,size:F.size,disabled:F.disabled,width:F.width,placeholder:F.placeholder,clear:F.clear,"on-focus":C,"on-blur":h,"on-input":F.filter?$:void 0},{after:N(()=>[M(o(q),{color:"#bababa",class:V(["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=T(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:l,classes:u}=G(e,"calendar"),{generateCalendar:i}=Kn(e),r=B(()=>An(e.date)?e.date:new Date),c=ne({year:r.value.getFullYear(),month:r.value.getMonth()+1,date:r.value.getDate()}),s=B(()=>i(c.year,c.month)),d=B(()=>n("calendar").value.weekList),v={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=Y=>{v[Y]&&v[Y]()},h=Y=>{const{target:x,day:K}=Y;x==="prev"&&v[x](),x==="next"&&v[x](),x==="current"&&(c.date=K,a(e.onChangeDate,c.year,c.month,c.date))},C=pe(()=>c.month,Y=>{a(e.onChangeMonth,c.year,Y,c.date)}),$=pe(()=>c,()=>{a(e.onChange,c.year,c.month,c.date)},{deep:!0}),F=(Y,x)=>x===c.date&&Y===c.month?"f-calendar__day-today":"";Ge(()=>{$(),C()});const I=l(["borderColor","dayCellHeight","weekCellHeight"]),E=u(["border"],"f-calendar");return(Y,x)=>(f(),p("div",{class:V(o(E)),style:R(o(I))},[Y.showHeader?(f(),p("header",zr,[M(o(q),{icon:o(Ye),onClick:x[0]||(x[0]=K=>b("prev"))},null,8,["icon"]),k("div",Lr,[M(o(He),{modelValue:c.year,"onUpdate:modelValue":x[1]||(x[1]=K=>c.year=K),width:116},{default:N(()=>[(f(),p(U,null,Z(200,K=>M(o(Oe),{key:K,value:1900+K},{default:N(()=>[X(H(1900+K),1)]),_:2},1032,["value"])),64))]),_:1},8,["modelValue"]),M(o(He),{modelValue:c.month,"onUpdate:modelValue":x[2]||(x[2]=K=>c.month=K),width:116},{default:N(()=>[(f(),p(U,null,Z(12,K=>M(o(Oe),{key:K,value:K},{default:N(()=>[X(H(K),1)]),_:2},1032,["value"])),64))]),_:1},8,["modelValue"]),M(o(se),{type:"default",onClick:x[3]||(x[3]=K=>b("current"))},{default:N(()=>[X("今天")]),_:1})]),M(o(q),{icon:o(Ie),onClick:x[4]||(x[4]=K=>b("next"))},null,8,["icon"])])):w("",!0),k("div",Ir,[(f(!0),p(U,null,Z(d.value,(K,Ce)=>(f(),p("div",{key:Ce,class:"f-calendar__week-item"},H(K),1))),128))]),k("div",Pr,[(f(!0),p(U,null,Z(s.value,(K,Ce)=>(f(),p("div",{key:Ce,class:V(["f-calendar__day-item",{"f-calendar__day-current":K.target==="current",[F(K.month,K.day)]:K.target==="current"}]),onClick:dt=>h(K)},[k("span",Tr,H(K.day),1),Y.lunar?(f(),p("span",Vr,H(K.lunarFestival||K.festival||K.term||K.lunar),1)):w("",!0)],10,Er))),128))])],6))}}),qt=T(Mr),Br={title:_(),round:g(),padding:z(),shadow:_(void 0,t=>["hover","always"].includes(t)),borderColor:_(),background:_(),titleColor:_(),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=A(!0),{run:a}=j(),{classes:l,styles:u}=G(e,"card"),i=l(["round","shadow"],"f-card"),r=u(["padding","borderColor","background","titleColor"]),c=()=>{n.value=!1,a(e.onClose,n.value)};return(s,d)=>(f(),D(ce,{name:"f-card"},{default:N(()=>[n.value?(f(),p("div",{key:0,class:V(o(i)),style:R(o(r))},[s.$slots.header||s.title?(f(),p("header",Ar,[k("span",{class:V(["f-card__title",{"f-card__title-bold":s.titleBold}])},[S(s.$slots,"header",{},()=>[X(H(s.title),1)])],2),s.close?(f(),D(o($e),{key:0,"on-click":c})):w("",!0)])):w("",!0),k("main",Nr,[S(s.$slots,"default")])],6)):w("",!0)]),_:3}))}}),Rr=T(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:_(),background:g(),size:_("middle",t=>ae.includes(t)),columnGap:z(),rowGap:z(),onChange:P()},Yt=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(),l=B({get:()=>u&&u.modelValue||e.modelValue,set:m=>{if(!u){n.value=m,a(e.onChange,m);return}u.setChange(m)}}),u=le(Yt,null),i=B(()=>{const m=l.value;return fe(m)?m.includes(e.label):lt(m)?m:m===e.label}),r=B(()=>!!(u&&u.disabled)),c=B(()=>e.disabled||r.value),{classes:s}=G(ne({checked:i,disabled:c}),"checkbox"),d=s(["checked","disabled"],"f-checkbox");return(m,y)=>(f(),p("label",{role:"checkbox","aria-checked":"false",tabindex:"0","aria-labelledby":"chk1-label",class:V(o(d))},[re(k("input",{"onUpdate:modelValue":y[0]||(y[0]=v=>l.value=v),type:"checkbox",class:"f-checkbox__input",hidden:"",value:m.label,disabled:m.disabled||!!o(u)&&o(u).disabled},null,8,Gr),[[dn,l.value]]),o(u)&&o(u).background?w("",!0):(f(),p("span",jr)),k("span",Ur,[S(m.$slots,"default"),!m.$slots.default&&m.showLabel?(f(),p(U,{key:0},[X(H(m.label),1)],64)):w("",!0)])],2))}}),Se=T(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:l,styles:u}=G(e,"checkbox-group"),i=s=>{n.value=s,a(e.onChange,s)};ue(Yt,ne({..._e(e),setChange:i}));const r=u(["columnGap","rowGap"]),c=l(["background","vertical","size"],"f-checkbox-group");return(s,d)=>(f(),p("div",{role:"group","aria-label":"checkbox-group",class:V(o(c)),style:R(o(r))},[S(s.$slots,"default")],6))}}),Kt=T(qr),Yr={visible:{...g(),required:!0},title:_(),appendToBody:g(),width:z(),fullscreen:g(),showMask:g(!0),maskClose:g(!0),maskOpacity:O(),maskBackground:_(),showHeader:g(!0),maskBlur:g(),showCloseIcon:g(!0),closeIcon:W(),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:l}=G(e,"dialog"),{closeVisible:u,maskClose:i}=Rt(e,n),{handleOpen:r,handleOpenEnd:c,handleClose:s,handleCloseEnd:d}=Ot(e),m=a(["width","zIndex","maskBackground","maskOpacity"],["maskOpacity","zIndex"]),y=l(["fullscreen","maskBlur"],"f-dialog");return(v,b)=>(f(),D(Ue,{to:"body",disabled:!v.appendToBody},[M(ce,{name:"f-dialog__trans",onBeforeEnter:o(r),onAfterEnter:o(c),onBeforeLeave:o(s),onAfterLeave:o(d)},{default:N(()=>[re(k("div",{role:"dialog","aria-modal":"true",tabindex:"-1",class:V(o(y)),style:R(o(m))},[v.showMask?(f(),p("div",Kr)):w("",!0),k("div",{class:"f-dialog__wrapper",onClick:b[0]||(b[0]=de((...h)=>o(i)&&o(i)(...h),["self"]))},[M(ce,{name:"f-dialog__container-trans"},{default:N(()=>[re(k("div",Zr,[v.showHeader?(f(),p("header",Wr,[k("div",Xr,[S(v.$slots,"headerBefore")]),k("div",Jr,H(v.title),1),k("div",Qr,[S(v.$slots,"headerAfter",{},()=>[v.showCloseIcon?(f(),D(o($e),{key:0,round:"",color:"#3c4043",size:30,icon:v.closeIcon,"on-click":o(u)},{default:N(()=>[S(v.$slots,"closeIcon")]),_:3},8,["icon","on-click"])):w("",!0)])])])):w("",!0),v.$slots.default?(f(),p("section",ea,[S(v.$slots,"default")])):w("",!0),v.$slots.footer?(f(),p("footer",ta,[S(v.$slots,"footer")])):w("",!0)],512),[[be,n.value]])]),_:3})])],6),[[be,n.value]])]),_:3},8,["onBeforeEnter","onAfterEnter","onBeforeLeave","onAfterLeave"])],8,["disabled"]))}}),oa=T(na),sa={position:_("center",t=>["left","center","right"].includes(t)),vertical:g(),color:_(),fontColor:_(),margin:z(),height:z(),background:_(),type:_("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"),l=n(["vertical","position"],"f-divider"),u=a(["color","margin","background","fontColor","height","type"]);return(i,r)=>(f(),p("div",{role:"separator",class:V(o(l)),style:R(o(u))},[!i.vertical||!i.$slots.default?(f(),p("span",la,[S(i.$slots,"default")])):w("",!0)],6))}}),aa=T(ra),ia={visible:g(),appendToBody:g(),direction:_("right",t=>["left","top","right","bottom"].includes(t)),title:_(),showMask:g(!0),showHeader:g(!0),maskClose:g(!0),maskBlur:g(),maskOpacity:O(),maskBackground:_(),showCloseIcon:g(!0),closeIcon:W(),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:l}=G(e,"drawer"),{closeVisible:u,maskClose:i}=Rt(e,n),{handleOpen:r,handleOpenEnd:c,handleClose:s,handleCloseEnd:d}=Ot(e),m=a(["width","zIndex","maskBackground","maskOpacity"],["zIndex","maskOpacity"]),y=l(["fullscreen","maskBlur","direction"],"f-drawer");return(v,b)=>(f(),D(Ue,{to:"body",disabled:!v.appendToBody},[M(ce,{name:"f-drawer__trans",onBeforeEnter:o(r),onAfterEnter:o(c),onBeforeLeave:o(s),onAfterLeave:o(d)},{default:N(()=>[re(k("div",{role:"dialog","aria-modal":"true",tabindex:"-1",class:V(o(y)),style:R(o(m))},[v.showMask?(f(),p("div",ca)):w("",!0),k("div",{class:"f-drawer__wrapper",onClick:b[0]||(b[0]=de((...h)=>o(i)&&o(i)(...h),["self"]))},[M(ce,{name:"f-drawer__container-trans"},{default:N(()=>[re(k("div",ua,[v.showHeader?(f(),p("header",da,[S(v.$slots,"header",{},()=>[k("span",fa,H(v.title),1),v.showCloseIcon?(f(),D(o($e),{key:0,icon:v.closeIcon,"on-click":o(u)},{default:N(()=>[S(v.$slots,"closeIcon")]),_:3},8,["icon","on-click"])):w("",!0)])])):w("",!0),v.$slots.default?(f(),p("section",pa,[S(v.$slots,"default")])):w("",!0),v.$slots.footer?(f(),p("footer",ba,[S(v.$slots,"footer")])):w("",!0)],512),[[be,n.value]])]),_:3})])],6),[[be,n.value]])]),_:3},8,["onBeforeEnter","onAfterEnter","onBeforeLeave","onAfterLeave"])],8,["disabled"]))}}),ha=T(ma),_a={imageList:ve([]),round:g(),expandIndex:O(0),color:_(),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:l}=j(),u=A(e.expandIndex),i=(d,m,y)=>{u.value=m,l(e.onChange,d,m,y)},r=B(()=>{const{imageList:d}=e;return fe(d)?d.map(m=>me(m)?{url:m}:Le(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)=>r.value.length?(f(),p("div",{key:0,class:V(o(c)),style:R(o(s))},[(f(!0),p(U,null,Z(r.value,(y,v)=>(f(),p("div",{key:v,class:V(["f-expand-card__item",{"f-expand-card__active":v===u.value}]),style:R({backgroundImage:`url(${y.url})`}),onClick:b=>i(b,v,y)},[y.text?(f(),p("div",ga,H(y.text),1)):w("",!0)],14,va))),128))],6)):w("",!0)}}),ka=T(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(l,u)=>(f(),p("footer",{class:"f-footer",style:R(o(a))},[S(l.$slots,"default")],4))}}),wa=T(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(l,u)=>(f(),p("header",{role:"banner",class:"f-header",style:R(o(a))},[S(l.$slots,"default")],4))}}),za=T(Fa),La={visible:g(),imgList:ve([]),modalClose:g(!0),appendToBody:g(),isCloseBtn:g(!0),showIndex:O(0),zIndex:O(),isOption:g(!0),round:_(),onClose:P()},Ia={round:g(),size:_("middle",t=>ae.includes(t)),background:_(),textColor:_(),fixed:g(),width:z(),height:z(),onClick:P()},Pa=L({name:"FToolbar",__name:"toolbar",props:Ia,setup(t){const e=t,n=ze(),{run:a}=j(),{classes:l,styles:u}=G(e,"toolbar"),i=s=>{if(!n.default)return;const d=s.target;if(d.className===Mt){const m=d.getAttribute(Vt);a(e.onClick,m,s)}},r=l(["size","round","fixed"],"f-toolbar"),c=u(["textColor","background","width","height"]);return(s,d)=>(f(),p("div",{role:"toolbar",class:V(o(r)),style:R(o(c)),onClick:i},[S(s.$slots,"default")],6))}}),Zt=T(Pa),Ea={color:_(),icon:W(),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"),l=r=>{n(e.onClick,r)},u=a(["color"]),i=Vt;return(r,c)=>(f(),p("span",$t({class:o(Mt),[o(i)||""]:r.index,style:o(u),onClick:l}),[r.icon?(f(),D(o(q),{key:0,size:r.iconSize,icon:r.icon},null,8,["size","icon"])):w("",!0),S(r.$slots,"default")],16))}}),we=T(Ta),Va=k("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:l,rotate:u,smaller:i,bigger:r,scrollZoom:c,recovery:s,rotateClockwise:d,rotateCounterClock:m}=Yn(),y=A(e.showIndex>e.imgList.length-1?0:e.showIndex),v=()=>{fe(e.imgList)&&e.imgList.forEach(I=>{const E=new Image;E.src=I})},b={next:()=>{if(y.value{if(y.value>0){y.value--;return}y.value=e.imgList.length-1}},h=I=>{s(),a(b[I])},C={1:i,2:r,3:s,4:d,5:m},$=I=>{I&&a(C[I])},F=I=>{n.value=!1,a(e.onClose,I)};return(I,E)=>(f(),D(Ue,{to:"body",disabled:!I.appendToBody},[M(ce,{name:"f-image-preview__transition",onBeforeEnter:v},{default:N(()=>[re(k("div",{class:"f-image-preview",style:R({zIndex:I.zIndex}),onMousewheel:E[0]||(E[0]=(...Y)=>o(c)&&o(c)(...Y))},[Va,k("div",{class:"f-image-preview__container",onClick:de(F,["self"])},[M(ce,{name:"f-image-preview__wrapper-transition"},{default:N(()=>[re(k("div",Ma,[k("img",{class:"f-image-preview__node",draggable:"false",src:I.imgList[y.value],style:R({transform:`scale(${o(l)}) rotate(${o(u)}deg)`,borderRadius:I.round})},null,12,Ba)],512),[[be,n.value]])]),_:1}),I.isOption?(f(),D(o(Zt),{key:0,class:"f-image-preview__option",round:"","on-click":$},{default:N(()=>[M(o(we),{icon:o(ts),index:1},null,8,["icon"]),M(o(we),{icon:o(Zo),index:2},null,8,["icon"]),M(o(we),{icon:o(So),index:3},null,8,["icon"]),M(o(we),{icon:o(No),index:4},null,8,["icon"]),M(o(we),{icon:o(Eo),index:5},null,8,["icon"])]),_:1})):w("",!0),I.imgList.length>1?(f(),p(U,{key:1},[M(o(se),{class:"f-image-preview__next",circle:"","before-icon":o(Ie),"on-click":()=>h("next")},null,8,["before-icon","on-click"]),M(o(se),{class:"f-image-preview__prev",circle:"","before-icon":o(Ye),"on-click":()=>h("prev")},null,8,["before-icon","on-click"])],64)):w("",!0),M(o(se),{class:"f-image-preview__close",circle:"","before-icon":o(st),"on-click":F},null,8,["before-icon"])])],36),[[be,n.value]])]),_:1})],8,["disabled"]))}}),Na=T(Aa),Da={direction:_(void 0,t=>["horizontal","vertical"].includes(t))},Ra=L({name:"FLayout",__name:"layout",props:Da,setup(t){const e=t,n=ze(),a=B(()=>e.direction==="vertical"?!0:e.direction==="horizontal"?!1:n&&n.default?n.default().some(u=>{const i=u.type.name;return i==="FHeader"||i==="FFooter"}):!1);return(l,u)=>(f(),p("section",{class:V(["f-layout",{"f-layout__vertical":a.value}])},[S(l.$slots,"default")],2))}}),Oa=T(Ra),Ha={type:_(void 0,t=>ke.includes(t)),href:_(),size:z(),state:_(void 0,t=>["line","background"].includes(t)),disabled:g(),target:_("_self",t=>Nn.includes(t)),color:_(),hoverColor:_(),noCopy:g(),noLink:g(),beforeIcon:W(),afterIcon:W(),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:l,styles:u}=G(n(["type"],["primary"]),"link"),i=s=>{(e.disabled||e.noLink)&&s.preventDefault(),!e.disabled&&a(e.onClick,s)},r=l(["type","state","disabled","noCopy"],"f-link"),c=u(["size","color","hoverColor"]);return(s,d)=>(f(),p("div",{role:"link",class:V(o(r)),style:R(o(c))},[k("a",{class:"f-link__a",href:s.href,target:s.target,onClick:de(i,["stop"])},[s.beforeIcon?(f(),D(o(q),{key:0,icon:s.beforeIcon,size:s.size},null,8,["icon","size"])):w("",!0),S(s.$slots,"default"),s.afterIcon?(f(),D(o(q),{key:1,icon:s.afterIcon,size:s.size},null,8,["icon","size"])):w("",!0)],8,Ga)],6))}}),Ua=T(ja),xa={zebra:g(),center:g(),textColor:_(),borderColor:_(),size:_("middle",t=>ae.includes(t)),maxHeight:z(),zebraColor:_()},Wt=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(Wt,e);const{classes:n,styles:a}=G(e,"list"),l=a(["borderColor","maxHeight","zebraColor"]),u=n(["zebra","center","size"],"f-list");return(i,r)=>(f(),p("ul",{role:"list",class:V(o(u)),style:R(o(l))},[i.$slots.header?(f(),p("header",qa,[S(i.$slots,"header")])):w("",!0),S(i.$slots,"default"),i.$slots.footer?(f(),p("footer",Ya,[S(i.$slots,"footer")])):w("",!0)],6))}}),Za=T(Ka),Wa={background:_(),color:_()},Xa=L({name:"FListItem",__name:"list-item",props:Wa,setup(t){const e=t,n=le(Wt,null),{styles:a}=G(ne({borderColor:n&&n.borderColor,textColor:e.color||n&&n.textColor,background:e.background}),"list-item"),l=a(["textColor","borderColor","background"]);return(u,i)=>(f(),p("li",{role:"listitem",class:"f-list-item",style:R(o(l))},[S(u.$slots,"default")],4))}}),Ja=T(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(l,u)=>(f(),p("main",{role:"main",class:"f-main",style:R(o(a))},[S(l.$slots,"default")],4))}}),ti=T(ei),ni={icon:W(),iconSize:z("16px"),backText:_(),title:_(),titleBold:g(),titleColor:_(),titleCenter:g(),subtitle:_(),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(),l=B(()=>a("pageHeader").value.backText),u=i=>{n(e.onBack,i)};return(i,r)=>(f(),p("header",oi,[k("div",{class:"f-page-header__left",onClick:u},[M(o(q),{size:i.iconSize},{default:N(()=>[S(i.$slots,"icon",{},()=>[(f(),D(Ee(i.icon||o(io))))])]),_:3},8,["size"]),k("div",si,H(l.value),1)]),k("div",{class:V(["f-page-header__main",{"f-page-header__main-center":i.titleCenter}])},[k("div",{style:R({color:i.titleColor}),class:V(["f-page-header__main-title",{"f-page-header__main-title-bold":i.titleBold}])},[S(i.$slots,"title",{},()=>[X(H(i.title),1)])],6),i.subtitle||i.$slots.subtitle?(f(),p("div",li,[S(i.$slots,"subtitle",{},()=>[X(H(i.subtitle),1)])])):w("",!0)],2)]))}}),ai=T(ri),ii={percentage:O(0),state:_("line",t=>["line","circle"].includes(t)),type:_("primary",t=>ke.includes(t)),height:z(),showText:g(!0),diameter:O(400),outsideText:g(),textColor:_(),color:_(),background:_(),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"),l=B(()=>ee(e.diameter)?e.diameter/2:100),u=B(()=>(l.value-mt)*2*Math.PI),i=B(()=>{const c=u.value-u.value*(e.percentage/100);return c<=0?0:c>u.value?u.value:c}),r=B(()=>({"--progress-stroke-dasharray":u.value,"--progress-stroke-dashoffset":i.value}));return(c,s)=>(f(),p("svg",{role:"progressbar",class:V(o(a)),width:o(e).diameter,height:o(e).diameter,style:R(r.value),"aria-value":o(e).percent,"aria-valuemin":0,"aria-valuemax":100},[k("circle",{class:"f-progress__girth",fill:"transparent","stroke-width":"12",stroke:"green",cx:l.value,cy:l.value,r:l.value-o(mt)},null,8,ui),o(e).showText?(f(),p("text",{key:0,"font-size":"24",fill:"grey","text-anchor":"middle","alignment-baseline":"middle",x:l.value,y:l.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"),l=n(["type","stripe","state"],"f-progress"),u=a(["height","color","textColor","background"]),i=B(()=>({"--progress-width":`${e.percent}%`}));return(r,c)=>(f(),p("div",{role:"progressbar",class:V(o(l)),style:R([o(u),i.value]),"aria-value":o(e).percent,"aria-valuemin":0,"aria-valuemax":100},[k("div",bi,[k("div",mi,[!o(e).outsideText&&o(e).showText?(f(),p("div",hi,H(o(e).percent)+"% ",1)):w("",!0)])]),o(e).outsideText&&o(e).showText?(f(),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=B(()=>{const{percentage:a}=e;return ee(a)?e.percentage>=100?100:e.percentage<=0?0:e.percentage:(Te("f-progress","`percentage` is not a number"),0)});return ue(ct,ne({..._e(e),percent:n})),(a,l)=>a.state==="circle"?(f(),D(o(fi),{key:0})):(f(),D(o(vi),{key:1}))}}),yi=T(gi),ki={modelValue:{type:[String,Number,Boolean],default:()=>null},disabled:g(),name:_("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:_("middle",t=>ae.includes(t)),onChange:P()},Xt=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(),l=B({get:()=>u&&u.modelValue||e.modelValue,set:m=>{if(u&&!r.value){a(u.changeEvent,m);return}c.value||(n.value=m,a(e.onChange,m))}}),u=le(Xt,null),i=B(()=>l.value===e.label),r=B(()=>!!(u&&u.disabled)),c=B(()=>e.disabled||r.value),{classes:s}=G(ne({checked:i,disabled:c}),"radio"),d=s(["checked","disabled"],"f-radio");return(m,y)=>{var v;return f(),p("label",{role:"radio","aria-checked":"false",tabindex:"0",class:V(o(d))},[re(k("input",{"onUpdate:modelValue":y[0]||(y[0]=b=>l.value=b),hidden:"",type:"radio",value:m.label,disabled:m.disabled,name:m.name},null,8,Ci),[[fn,l.value]]),(v=o(u))!=null&&v.background?w("",!0):(f(),p("span",wi)),k("span",Si,[S(m.$slots,"default",{},()=>[X(H(m.label),1)])])],2)}}}),zi=T(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:l,classes:u}=G(e,"radio-group"),i=s=>{n.value=s,a(e.onChange,s)},r=u(["vertical","background","size"],"f-radio-group"),c=l(["columnGap","rowGap"]);return ue(Xt,ne({..._e(e),changeEvent:i})),(s,d)=>(f(),p("div",{role:"radiogroup",class:V(o(r)),style:R(o(c))},[S(s.$slots,"default")],6))}}),Ii=T(Li),Pi={modelValue:O(0),max:O(5),effectColor:_("#fcc202"),invalidColor:_("#eef"),readonly:g(),icon:W(),size:z(25),textShow:g(),textColor:_(),textArr:ve(["极差","失望","一般","不错","很棒"]),textSize:z(),onChange:P()},Ei={type:_(void 0,t=>ke.includes(t)),size:z(),color:_(),background:_(),block:g(),spacing:z(),lineHeight:z(),indent:z(),bold:g(),decoration:_(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:l}=G(n(["type"]),"text"),u=a(["type","block","bold","ellipsis","center"],"f-text"),i=l(["color","background","decoration","width","size","padding","spacing","lineHeight","indent"]);return(r,c)=>(f(),p("p",{class:V(o(u)),style:R(o(i))},[S(r.$slots,"default")],6))}}),Jt=T(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(),l=A(e.modelValue),u=d=>{e.readonly||(l.value=d)},i=()=>{e.readonly||(l.value=e.modelValue)},r=d=>{e.readonly||(l.value=d,n.value=d,a(e.onChange,d))};pe(()=>e.modelValue,()=>{l.value=e.modelValue});const c=B(()=>e.textArr[o(l)-1]),s=B(()=>ee(e.max)?e.max:5);return(d,m)=>(f(),p("div",Vi,[k("div",Mi,[(f(!0),p(U,null,Z(s.value,(y,v)=>(f(),p("div",{key:v,class:V(["f-rate__star",{"f-rate__star-readonly":d.readonly}]),onMouseout:i,onMouseover:b=>u(v+1),onClick:b=>r(v+1)},[M(o(q),{size:d.size,icon:d.icon||o(jo),color:l.value>v?d.effectColor:d.invalidColor},null,8,["size","icon","color"])],42,Bi))),128))]),d.textShow?(f(),D(o(Jt),{key:0,size:d.textSize,color:d.textColor},{default:N(()=>[X(H(c.value),1)]),_:1},8,["size","color"])):w("",!0)]))}}),Ni=T(Ai),Di={ripplesColor:_(),duration:O(400),type:_(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:l}=G(a(["type"],["default"]),"ripple"),u=A(),i=l(["startOpacity","endOpacity"],!1),r=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(u.value){const{runRipples:y}=Gn(c,u.value,m);y()}};return(c,s)=>(f(),p("div",{ref_key:"rippleRef",ref:u,class:"f-ripple",style:R(o(i)),onClick:r},[S(c.$slots,"default")],4))}}),Oi=T(Ri),Hi={round:g(),difference:g(),animated:g(),rows:O(1),loading:g(),rowGap:z(),size:_("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"),l=n(["round","animated","size",{key:"difference",callback:()=>e.difference&&ee(e.rows)&&e.rows>=3}],"f-skeleton"),u=a(["rowGap"]),i=B(()=>ze().default?e.loading===!0:!0);return(r,c)=>i.value?(f(),p("div",{key:0,role:"section",class:V(o(l)),style:R(o(u))},[(f(!0),p(U,null,Z(r.rows,s=>(f(),p("div",{key:s,class:"f-skeleton__item"}))),128))],6)):S(r.$slots,"default",{key:1})}}),ji=T(Gi),Ui={open:g(),openText:_(),closeText:_(),borderColor:_(),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:l,onBeforeLeave:u,onLeave:i,onAfterLeave:r}=gl(e),c=e.opened,s=B(()=>e.disabled?c:e.opened);return(d,m)=>(f(),D(ce,{onBeforeEnter:o(n),onEnter:o(a),onAfterEnter:o(l),onBeforeLeave:o(u),onLeave:o(i),onAfterLeave:o(r)},{default:N(()=>[re(k("div",qi,[S(d.$slots,"default")],512),[[be,s.value]])]),_:3},8,["onBeforeEnter","onEnter","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave"]))}}),Ze=T(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:l}=G(e,"sticky-card"),u=A(e.open),i=()=>{u.value=!u.value,a(u.value?e.onClose:e.onOpen,u.value)},r=B(()=>{const{openText:s,closeText:d}=e,m=n("stickyCard").value;return o(u)?s||m.openText:d||m.closeText}),c=l(["borderColor"]);return(s,d)=>(f(),p("div",{class:"f-sticky-card",style:R(o(c))},[s.$slots.source?(f(),p("div",Ki,[S(s.$slots,"source")])):w("",!0),k("div",Zi,[M(o(Ze),{opened:u.value},{default:N(()=>[S(s.$slots,"default")]),_:3},8,["opened"])]),k("div",{class:V(["f-sticky-card__option",{"f-sticky-card__option-open":u.value}]),onClick:i},[k("span",Wi,H(r.value),1)],2)],4))}}),Qt=T(Xi),Ji={modelValue:{...g(),required:!0},size:_(void 0,t=>ae.includes(t)),disabled:g(),loading:g(),icon:W(),closeColor:_(),activeColor:_(),activeText:_(),closeText:_(),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:l}=he(e),{styles:u,classes:i}=G(l(["size"]),"switch"),r=()=>{e.disabled||e.loading||(n.value=!n.value,a(e.onChange,!e.modelValue))},c=u(["closeColor","activeColor"]),s=i(["size","square"],"f-switch__input");return(d,m)=>(f(),p("div",{role:"switch",class:V(["f-switch",{"f-switch__disabled":d.disabled||d.loading}]),style:R(o(c))},[d.closeText?(f(),p("span",{key:0,class:V(["f-switch__right-text",{"f-switch__text-active":!n.value}])},H(d.closeText),3)):w("",!0),k("div",{class:V([o(s),{"f-switch__active":n.value}]),onClick:de(r,["stop"])},[k("span",{class:V(["f-switch__roll",{"f-switch__roll-active":n.value}])},[d.icon&&!d.loading?(f(),D(o(q),{key:0,icon:d.icon,size:d.iconSize},null,8,["icon","size"])):w("",!0),d.loading?(f(),D(o(q),{key:1,class:"f-switch__loading-animation",icon:o(Ft),size:d.iconSize},null,8,["icon","size"])):w("",!0)],2)],2),d.activeText?(f(),p("span",{key:1,class:V(["f-switch__left-text",{"f-switch__text-active":n.value}])},H(d.activeText),3)):w("",!0)],6))}}),ec=T(Qi),tc={type:_(void 0,t=>ke.includes(t)),close:g(),round:g(),background:_(),color:_(),beforeIcon:W(),afterIcon:W(),size:_(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:l,styles:u}=G(n(["size","type"]),"tag"),i=l(["simple","type","size","block","round","line"],"f-tag"),r=u(["color","background"]),c=s=>{a(e.onClose,s)};return(s,d)=>(f(),D(ce,{name:"f-tag",appear:""},{default:N(()=>[k("div",{class:V(o(i)),style:R(o(r)),onClick:d[0]||(d[0]=(...m)=>s.onClick&&s.onClick(...m))},[s.beforeIcon?(f(),D(o(q),{key:0,icon:s.beforeIcon},null,8,["icon"])):w("",!0),S(s.$slots,"default"),s.afterIcon?(f(),D(o(q),{key:1,icon:s.afterIcon},null,8,["icon"])):w("",!0),s.close?(f(),D(o($e),{key:2,size:14,"on-click":c})):w("",!0)],6)]),_:3}))}}),oc=T(nc),sc={content:z(),position:_("bottom",t=>["top","bottom","right","left"].includes(t)),disabled:g(),state:_("hover",t=>["hover","active","always"].includes(t)),noArrow:g(),bold:g(),bright:g(),background:_(),fontColor:_()},lc=["f-content"],rc=L({name:"FTooltip",__name:"tooltip",props:sc,setup(t){const e=t,{classes:n,styles:a}=G(e,"tooltip"),l=n(["position","state","disabled","bold","noArrow","bright"],"f-tooltip"),u=a(["background","fontColor"]);return(i,r)=>i.$slots.default?(f(),p("div",{key:0,role:"tooltip","f-content":i.content,class:V(o(l)),style:R(o(u))},[S(i.$slots,"default")],14,lc)):w("",!0)}}),ac=T(rc),ic={modelValue:ve(),data:{type:[Object,Array],default:()=>[]},isCheck:g(),offset:O(40),onClickLabel:P()},en=Symbol("tree-props-key"),cc={model:W()},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(en,null),l=A(!1),u=B(()=>!!(e.model.children&&e.model.children.length)),i=(s,d)=>{d.disabled||(l.value=!l.value,a&&n(a.onClickLabel,s,d,l.value,a.tree))},r=B(()=>a&&ee(a.offset)&&a.offset>1?a.offset:40),c=B(()=>{const{__level:s}=e.model;return s?{"--tree-item-level-padding":`${s*r.value}px`}:{}});return(s,d)=>{var y;const m=Ct("f-tree-item");return f(),p("div",uc,[k("div",{class:V(["f-tree-item__label",{"f-tree-item__label-disabled":s.model.disabled}]),style:R(c.value),onClick:d[0]||(d[0]=v=>i(v,s.model))},[k("div",dc,[(y=o(a))!=null&&y.isCheck?(f(),D(o(Se),{key:0,label:s.model.value||s.model.label,disabled:s.model.disabled,"show-label":!1},null,8,["label","disabled"])):w("",!0),u.value?(f(),D(o(q),{key:1,class:V({"f-tree-item__icon-animation":l.value}),size:15,icon:o(Ie)},null,8,["class","icon"])):w("",!0),s.model.icon?(f(),D(o(q),{key:2,size:15,icon:s.model.icon},null,8,["icon"])):w("",!0),k("div",fc,H(s.model.label),1)]),s.$slots.options?(f(),p("div",pc,[S(s.$slots,"options")])):w("",!0)],6),M(o(Ze),{opened:l.value,"animation-time":.3},{default:N(()=>[u.value?(f(),p("div",bc,[(f(!0),p(U,null,Z(s.model.children,(v,b)=>(f(),D(m,{key:b,model:v},{options:N(()=>[S(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=(r,c=0)=>{Le(r)&&(r=[r]);const s=[];if(fe(r))for(const d of r){const m={...d,__level:c};d.children&&(m.children=a(d.children,c+1)),s.push(m)}return s},l=B(()=>a(e.data)),u=A([]),i=r=>{n.value=r};return ue(en,ne({onClickLabel:Ae(e,"onClickLabel"),isCheck:Ae(e,"isCheck"),offset:Ae(e,"offset"),tree:l})),(r,c)=>(f(),p("div",mc,[r.isCheck?(f(),D(o(Kt),{key:0,modelValue:u.value,"onUpdate:modelValue":c[0]||(c[0]=s=>u.value=s),style:{display:"block"},"on-change":i},{default:N(()=>[(f(!0),p(U,null,Z(l.value,(s,d)=>(f(),D(kt,{key:d,model:s},{options:N(()=>[S(r.$slots,"options")]),_:2},1032,["model"]))),128))]),_:3},8,["modelValue"])):(f(!0),p(U,{key:1},Z(l.value,(s,d)=>(f(),D(kt,{key:d,model:s},{options:N(()=>[S(r.$slots,"options")]),_:2},1032,["model"]))),128))]))}}),_c=T(hc),vc={content:_(),fontSize:O(40),gap:O(40),fontColor:_("#111"),zIndex:z(9999)},gc=L({name:"FWatermark",__name:"watermark",props:vc,setup(t){const e=t,n=yl(e),a=A();let l;const u=()=>{if(!a.value)return;l&&l.remove();const{base64:r,size:c}=n.value;l=document.createElement("div"),l.style.position="absolute",l.style.backgroundImage=`url(${r})`,l.style.backgroundSize=`${c}px ${c}px`,l.style.zIndex=e.zIndex.toString(),l.style.inset="0",a.value.appendChild(l)},i=new MutationObserver(r=>{for(const c of r){if(c.removedNodes&&c.removedNodes.length){const s=Array.from(c.removedNodes);for(const d of s)if(d===l){u();return}}if(c.target===l){u();return}}});return ie(()=>{a.value&&i.observe(a.value,{childList:!0,subtree:!0,attributes:!0})}),ie(u),Ge(i.disconnect),(r,c)=>(f(),p("div",{ref_key:"watermarkRef",ref:a,class:"f-watermark"},[S(r.$slots,"default")],512))}}),yc=T(gc),kc={files:ve(),accept:_(),name:_(),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(),l=A(!1),u=A(),i=()=>{u.value&&u.value.click()},r=b=>{n.value=[...n.value,...b],a(e.onLoad,b)},c=b=>{const{maxSize:h,maxLength:C}=_e(e);let $=[...b];return h.value&&($=$.filter(F=>F.size{const h=b.target.files;h&&r(c(h))},d=b=>{n.value.splice(b,1)},m=b=>{b.preventDefault(),l.value=!0},y=b=>{var C;l.value=!1;const h=(C=b.dataTransfer)==null?void 0:C.files;h&&r(c(h))},v=()=>{pe(()=>e.files,()=>{a(e.onChange,n.value)},{deep:!0})};return e.onChange&&v(),(b,h)=>(f(),p(U,null,[k("div",$c,[b.drag?(f(),p("div",{key:0,class:"f-up-load__drag",onClick:i,onDrop:de(y,["prevent"]),onDragover:de(m,["prevent"])},[S(b.$slots,"default",{},()=>[M(o(q),{icon:o(Ss)},null,8,["icon"])])],32)):(f(),p("div",{key:1,class:"f-up-load__content",onClick:i},[S(b.$slots,"default",{},()=>[M(o(se),null,{default:N(()=>[X("选择文件")]),_:1})])])),k("input",{ref_key:"inputRef",ref:u,type:"file",hidden:"",name:b.name,disabled:b.disabled,accept:b.accept,multiple:b.multiple,onChange:s},null,40,Cc)]),b.showList?(f(),p(U,{key:0},[n.value&&n.value.length?(f(),p("div",wc,[(f(!0),p(U,null,Z(n.value,(C,$)=>(f(),p("div",{key:$,class:"f-up-load__file-list-item"},[k("div",Sc,[M(o(q),{icon:o(gs)},null,8,["icon"]),X(" "+H(C.name),1)]),b.isRemove?(f(),D(o($e),{key:0,size:14,onClick:F=>d($)},null,8,["onClick"])):w("",!0)]))),128))])):w("",!0)],64)):w("",!0)],64))}}),zc=T(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:W(),nextIcon:W(),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:l,showNextMore:u,showPrevMore:i,maxCount:r,handelTurnPages:c}=dl(e,{currentModelValue:n,pageSizeModelValue:a}),{jumpCurrent:s,selectChange:d,handelChange:m,handleInput:y,handelClick:v}=fl(e,{currentModelValue:n,pageSizeModelValue:a},l,r),{classes:b}=G(e,"pagination"),h=A(10),C=b(["background","round","disabled"],qe);return($,F)=>(f(),p("div",{class:V(o(C))},[$.pageSelect&&$.pageSelect.length?(f(),D(o(He),{key:0,modelValue:h.value,"onUpdate:modelValue":F[0]||(F[0]=I=>h.value=I),width:120,disabled:$.disabled,"on-change":o(d)},{default:N(()=>[(f(!0),p(U,null,Z($.pageSelect,I=>(f(),D(o(Oe),{key:I,value:I,label:I+"/页"},null,8,["value","label"]))),128))]),_:1},8,["modelValue","disabled","on-change"])):w("",!0),k("button",{class:"f-pagination__button",disabled:$.disabled,onClick:F[1]||(F[1]=I=>o(c)("prev"))},[M(o(q),{size:14,icon:$.prevIcon||o(Ye)},null,8,["icon"])],8,Ic),$.total>0?(f(),p("div",{key:1,class:"f-pagination__pages",onClick:F[2]||(F[2]=I=>o(v)(I))},[k("div",{class:V([o(ge),{[`${o(ge)}-active`]:t.current===1}])}," 1 ",2),o(i)?(f(),p("div",{key:0,class:V([o(ge),o(Bt)])},[M(o(q),{size:15,icon:o(vt)},null,8,["icon"])],2)):w("",!0),(f(!0),p(U,null,Z(o(l),I=>(f(),p("div",{key:I,class:V([o(ge),{[`${o(ge)}-active`]:t.current===I}]),onClick:E=>o(m)(I,E)},H(I),11,Pc))),128)),o(u)?(f(),p("div",{key:1,class:V([o(ge),o(At)])},[M(o(q),{size:15,icon:o(vt)},null,8,["icon"])],2)):w("",!0),$.total>1&&$.total>Number(t.pageSize)?(f(),p("div",{key:2,class:V([o(ge),{[`${o(ge)}-active`]:t.current===o(r)}])},H(o(r)),3)):w("",!0)])):w("",!0),k("button",{class:"f-pagination__button",disabled:$.disabled,onClick:F[3]||(F[3]=I=>o(c)("next"))},[M(o(q),{size:14,icon:$.nextIcon||o(Ie)},null,8,["icon"])],8,Ec),$.jumpSearch?(f(),D(o(Pe),{key:2,modelValue:o(s),"onUpdate:modelValue":F[4]||(F[4]=I=>wt(s)?s.value=I:null),placeholder:"输入跳转的页数",class:"f-pagination__jump",style:{width:"80px"},disabled:$.disabled,"on-blur":o(y),"on-enter":o(y)},null,8,["modelValue","disabled","on-blur","on-enter"])):w("",!0)],2))}}),Vc=T(Tc),Mc={data:ve(),columns:ve(),align:_("left",t=>["left","center","right"].includes(t)),border:g(),select:g(),num:g(),zebra:g(),zebraColor:_(),height:z(),width:z(),bgColor:_(),headBgColor:_(),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:l}=G(e,"table"),u=(b,h,C,$)=>b(Ve,h,C,$),i=(b,h,C)=>b(Ve,h,C),r=a(["zebraColor","bgColor","headBgColor","height","width"]),c=l(["border","zebra"],"f-table"),s=B(()=>!!(e.height&&e.showHead)),d=A([]),m=B({get:()=>d.value.length?(d.value||[]).every(b=>b._select):!1,set:b=>{const h=(d.value||[]).map(C=>(C._select=b,C));return d.value=h,v(),b}});pe(()=>e.data,()=>{if(fe(e.data)||(d.value=[]),e.select){const b=e.data.map(h=>({...h,_select:!1}));d.value=b;return}d.value=e.data},{immediate:!0});const v=()=>{const b=(d.value||[]).filter(h=>h._select);n(e.onSelect,b)};return(b,h)=>(f(),p("div",{role:"table",class:V(o(c)),style:R(o(r))},[k("div",Bc,[b.columns||d.value?(f(),p(U,{key:0},[s.value?(f(),p("div",Ac,[k("table",Nc,[k("colgroup",null,[b.select?(f(),p("col",Dc)):w("",!0),b.num?(f(),p("col",Rc)):w("",!0),(f(!0),p(U,null,Z(b.columns,(C,$)=>(f(),p("col",{key:$,width:C.width},null,8,Oc))),128))]),k("thead",{align:b.align},[k("tr",null,[b.select?(f(),p("th",Gc,[M(o(Se),{modelValue:m.value,"onUpdate:modelValue":h[0]||(h[0]=C=>m.value=C),disabled:!d.value.length},null,8,["modelValue","disabled"])])):w("",!0),b.num?(f(),p("th",jc,"#")):w("",!0),(f(!0),p(U,null,Z(b.columns,(C,$)=>(f(),p("th",{key:$},[o(Xe)(C.title)?(f(),D(Ee(i(C.title,C,$)),{key:0})):(f(),p(U,{key:1},[X(H(C.title),1)],64))]))),128))])],8,Hc)])])):w("",!0),k("div",Uc,[d.value&&d.value.length?(f(),p("table",xc,[k("colgroup",null,[b.select?(f(),p("col",qc)):w("",!0),b.num?(f(),p("col",Yc)):w("",!0),(f(!0),p(U,null,Z(b.columns,(C,$)=>(f(),p("col",{key:$,span:1,width:C.width},null,8,Kc))),128))]),s.value?w("",!0):(f(),p("thead",{key:0,align:b.align},[k("tr",null,[b.select?(f(),p("th",Wc,[M(o(Se),{modelValue:m.value,"onUpdate:modelValue":h[1]||(h[1]=C=>m.value=C),disabled:!d.value.length},null,8,["modelValue","disabled"])])):w("",!0),b.num?(f(),p("th",Xc,"#")):w("",!0),(f(!0),p(U,null,Z(b.columns,(C,$)=>(f(),p("th",{key:$},[o(Xe)(C.title)?(f(),D(Ee(i(C.title,C,$)),{key:0})):(f(),p(U,{key:1},[X(H(C.title),1)],64))]))),128))])],8,Zc)),k("tbody",{align:b.align},[(f(!0),p(U,null,Z(d.value,(C,$)=>(f(),p("tr",{key:$},[b.select?(f(),p("td",Qc,[M(o(Se),{modelValue:C._select,"onUpdate:modelValue":F=>C._select=F,"on-change":v},null,8,["modelValue","onUpdate:modelValue"])])):w("",!0),b.num?(f(),p("td",eu,H($+1),1)):w("",!0),(f(!0),p(U,null,Z(b.columns,(F,I)=>(f(),p("td",{key:I},[F.render?(f(),D(Ee(u(F.render,C,F,$)),{key:0})):(f(),p(U,{key:1},[F.key?(f(),p(U,{key:0},[X(H(C[F.key]),1)],64)):w("",!0)],64))]))),128))]))),128))],8,Jc),b.$slots.tfoot?(f(),p("tfoot",tu,[S(b.$slots,"tfoot")])):w("",!0)])):(f(),p(U,{key:1},[k("table",nu,[k("colgroup",null,[b.select?(f(),p("col",ou)):w("",!0),b.num?(f(),p("col",su)):w("",!0),(f(!0),p(U,null,Z(b.columns,(C,$)=>(f(),p("col",{key:$,span:1,width:C.width},null,8,lu))),128))]),s.value?w("",!0):(f(),p("thead",{key:0,align:b.align},[k("tr",null,[b.select?(f(),p("th",au,[M(o(Se),{modelValue:m.value,"onUpdate:modelValue":h[2]||(h[2]=C=>m.value=C),disabled:!d.value.length},null,8,["modelValue","disabled"])])):w("",!0),b.num?(f(),p("th",iu,"#")):w("",!0),(f(!0),p(U,null,Z(b.columns,(C,$)=>(f(),p("th",{key:$},[o(Xe)(C.title)?(f(),D(Ee(i(C.title,C,$)),{key:0})):(f(),p(U,{key:1},[X(H(C.title),1)],64))]))),128))])],8,ru))]),k("div",cu,[S(b.$slots,"noData",{},()=>[M(o(it),{content:"暂无数据"})])])],64))])],64)):(f(),p("table",uu,[S(b.$slots,"default")]))])],6))}}),fu=T(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),l=u=>{e.disabled||(n(a&&a.close),n(e.onClick,u))};return(u,i)=>(f(),p("div",{class:V(["f-dropdown-item",{"f-dropdown-item__disabled":u.disabled}]),onClick:l},[S(u.$slots,"default")],2))}}),mu=T(bu),hu={modelValue:{...z(),required:!0},rows:z(),disabled:g(),autoHeight:g(),maxLength:O(),autofocus:g(),name:_("f-textarea"),placeholder:_(),readonly:g(),fontSize:z(),onInput:P(),resize:_(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:l,handleChange:u}=Et(e,n),{classes:i,styles:r}=G(e,"textarea"),{run:c}=j(),s=A(),d=i(["disabled","autoHeight"],"f-textarea"),m=r(["resize","fontSize"]),y=async()=>{!s.value||!e.autoHeight||(await Ne(),s.value.style.height=s.value.scrollHeight+"px")},v=h=>{a(h),y()},b=h=>{h.key==="Enter"&&h.ctrlKey&&(h.preventDefault(),c(e.onEnter,n.value,h))};return ie(y),(h,C)=>(f(),p("div",{class:V(o(d)),style:R(o(m))},[re(k("textarea",{ref_key:"textareaRef",ref:s,"onUpdate:modelValue":C[0]||(C[0]=$=>n.value=$),class:"f-textarea__textarea",rows:h.rows,disabled:h.disabled,readonly:h.readonly,autofocus:h.autofocus,placeholder:h.placeholder,name:h.name,onInput:v,onChange:C[1]||(C[1]=(...$)=>o(u)&&o(u)(...$)),onBlur:C[2]||(C[2]=(...$)=>h.onBlur&&h.onBlur(...$)),onFocus:C[3]||(C[3]=(...$)=>h.onFocus&&h.onFocus(...$)),onKeydown:b},null,40,_u),[[pn,n.value]]),h.clear?(f(),D(o(q),{key:0,class:"f-textarea__clear-btn",icon:o(st),size:14,"on-click":o(l)},null,8,["icon","on-click"])):w("",!0)],6))}}),gu=T(vu),yu={modelValue:O(0),model:_("default",t=>["default","button","switch"].includes(t)),precision:O(0),buttonType:_(void 0,t=>ke.includes(t)),step:O(1),size:_("middle",t=>ae.includes(t)),disabled:g(),max:O(),min:O(),maxLength:O(),autofocus:g(),name:_("f-input-number"),placeholder:_(),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(),l=B(()=>{const{step:r,min:c}=e;return!c&&!ee(c)?!1:n.value-Math.abs(r){const{step:r,max:c}=e;return!c&&!ee(c)?!1:n.value+Math.abs(r)>c}),i=r=>{const{disabled:c,readonly:s,step:d}=e;if(c||s)return;a({minus:()=>{n.value-=d},plus:()=>{n.value+=d}}[r]),a(e.onChange,n.value)};return(r,c)=>(f(),p("div",{role:"input",class:V(["f-input-number",{"f-input-number__button":r.model==="button"}])},[r.model==="button"?(f(),D(o(se),{key:0,class:"f-input-number__minus",type:r.buttonType||"primary",size:r.size,disabled:r.disabled||l.value,"before-icon":o(Ye),"on-click":()=>i("minus")},null,8,["type","size","disabled","before-icon","on-click"])):w("",!0),k("div",ku,[M(o(Pe),{modelValue:n.value,"onUpdate:modelValue":c[0]||(c[0]=s=>n.value=s),type:"number",max:r.max,min:r.min,disabled:r.disabled,readonly:r.readonly,autofocus:r.autofocus,name:r.name,size:r.size,clear:r.clear,placeholder:r.placeholder,"on-blur":r.onBlur,"on-focus":r.onFocus,"on-input":r.onInput,"on-change":r.onChange},{after:N(()=>[r.model==="switch"?(f(),p("div",{key:0,class:V(["f-input-number__switch",`f-input-number__switch-${r.size}`])},[M(o(se),{disabled:r.disabled||u.value,size:r.size,type:r.buttonType||"default","before-icon":o(Us),onclick:()=>i("plus")},null,8,["disabled","size","type","before-icon","onclick"]),M(o(se),{disabled:r.disabled||l.value,size:r.size,type:r.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"])]),r.model==="button"?(f(),D(o(se),{key:1,class:"f-input-number__plus",type:r.buttonType||"primary",size:r.size,disabled:r.disabled||u.value,"before-icon":o(Ie),"on-click":()=>i("plus")},null,8,["type","size","disabled","before-icon","on-click"])):w("",!0)],2))}}),Cu=T($u),wu={modelValue:z(),position:_("top",t=>["left","right","top","bottom"].includes(t)),type:_("line",t=>["line","card","segment"].includes(t)),justifyContent:_(void 0,t=>["flex-start","center","flex-end","space-between","space-around","space-evenly"].includes(t)),trigger:_("click",t=>["click","hover"].includes(t)),onSwitch:P()},tn=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:l}=G(e,"tabs"),u=A(0),i=new Map,r=bn(),c=$=>{const F=fe($)?$:[$],I=[];return F.forEach(E=>{fe(E)?I.push(...c(E)):pt(E)&&fe(E.children)?I.push(...c(E.children)):pt(E)&&E.component&&I.push(E)}),I},s=($,F)=>$.subTree?c($.subTree.children).filter(E=>Le(E.type)&&E.type.name===F):[],d=je(),m=$=>{i.set($.uid,$);const I=s(d,Pu).map(E=>E.component?E.component.uid:null).filter(Boolean);if(r.value=I.map(E=>i.get(E)).filter(Boolean),n.value){u.value=n.value;return}r.value&&r.value.length&&r.value[0].activeName&&(u.value=r.value[0].activeName)},y=B(()=>r.value&&r.value.map(($,F)=>($.activeName=$.activeName||F,{name:$.activeName,label:$.label})));ue(tn,{activeName:u,registerChild:m});const v=async $=>{let F=!0;e.onSwitch&&(F=await e.onSwitch($)),!(lt(F)&&!F)&&(u.value=$,n.value=$)},b=a(["position","type"],"f-tabs"),h=l(["justifyContent"]),C=B(()=>e.trigger==="hover"?"mouseenter":"click");return($,F)=>(f(),p("div",{role:"tab",class:V(o(b)),style:R(o(h))},[k("div",Su,[$.$slots.prefix?(f(),p("div",Fu,[S($.$slots,"prefix")])):w("",!0),k("div",zu,[(f(!0),p(U,null,Z(y.value,(I,E)=>(f(),p("div",mn({key:E,class:["f-tabs__nav-item",{"f-tabs__nav-active":I.name===u.value}]},{[hn(C.value)]:Y=>v(I.name)}),H(I.label),17))),128))]),$.$slots.suffix?(f(),p("div",Lu,[S($.$slots,"suffix")])):w("",!0)]),k("div",Iu,[S($.$slots,"default")])],6))}}),Tu=T(Eu),Vu={date:_(),disabled:g(),clear:g(),size:_("middle",t=>ae.includes(t)),format:_("YYYY/MM/DD"),placeholder:_(),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,l=RegExp(/([Y]{4})|([M]{2})|([D]{2})/),u=A(),i=a.getFullYear(),r=a.getMonth()+1,c=a.getDate(),s={YYYY:i+"",MM:e.addZero?oe(r):r+"",DD:e.addZero?oe(c):c+""},d=()=>{let v=e.format;l.test(v)||(ye("f-date-picker","`format` is not a standard format, default format will be used"),v="YYYY/MM/DD");for(const b in s)v=v.replace(b,s[b].toString());n.value=v},m=(v,b,h)=>{s.YYYY=v+"",s.MM=e.addZero?oe(b):b+"",s.DD=e.addZero?oe(h):h+""},y=(v,b)=>{u.value.close(v),b&&d()};return(v,b)=>(f(),p("div",Mu,[M(o(Ke),{ref_key:"triggerInstance",ref:u,trigger:"click",disabled:v.disabled},{content:N(()=>[k("div",Bu,[M(o(qt),{date:o(a),"onUpdate:date":b[1]||(b[1]=h=>wt(a)?a.value=h:null),"day-cell-height":42,"week-cell-height":42,"on-change":m},null,8,["date"]),k("div",Au,[M(o(se),{size:"mini",onClick:b[2]||(b[2]=h=>y(h,!1))},{default:N(()=>[X("取消")]),_:1}),M(o(se),{type:"primary",size:"mini",onClick:b[3]||(b[3]=h=>y(h,!0))},{default:N(()=>[X(" 确定 ")]),_:1})])])]),default:N(()=>[M(o(Pe),{modelValue:n.value,"onUpdate:modelValue":b[0]||(b[0]=h=>n.value=h),autocomplete:"off",readonly:"",disabled:v.disabled,placeholder:v.placeholder||"请选择日期",clear:v.clear,size:v.size,"after-icon":o(rl)},null,8,["modelValue","disabled","placeholder","clear","size","after-icon"])]),_:1},8,["disabled"])]))}}),Du=T(Nu),Ru={time:_(),disabled:g(),clear:g(),placeholder:_(),size:_("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())}),l=A(),u=(y,v=!0)=>{if(v&&!me(v)&&(e.value=`${a.hour}:${a.minute}:${a.second}`),v==="now"){const b=new Date;a.hour=oe(b.getHours()),a.minute=oe(b.getMinutes()),a.second=oe(b.getSeconds())}lt(v)&&l.value.close(y)},i=A(),r=A(),c=A(),s=(y,v)=>{y.scrollTo({top:v,behavior:"smooth"})},d=async()=>{if(await Ne(),i.value&&r.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(r.value,(Number(a.minute)-2)*y),s(c.value,(Number(a.second)-2)*y)}},m=(y,v)=>{a[v]=oe(y)};return pe(()=>a,d,{deep:!0}),(y,v)=>(f(),p("div",Ou,[M(o(Ke),{ref_key:"triggerInstance",ref:l,trigger:"click",disabled:y.disabled,"on-open":d},{content:N(()=>[k("div",Hu,[k("div",{ref_key:"hoverRef",ref:i,class:"f-time-picker__hour"},[(f(),p(U,null,Z(24,b=>k("div",{key:b,class:V(["f-time-picker__hour-item",{"f-time-picker__hour-active":o(oe)(b===24?0:b).toString()===a.hour}]),onClick:de(h=>m(b===24?0:b,"hour"),["stop"])},H(o(oe)(b===24?0:b)),11,Gu)),64))],512),k("div",{ref_key:"minuteRef",ref:r,class:"f-time-picker__minute"},[(f(),p(U,null,Z(59,b=>k("div",{key:b,class:V(["f-time-picker__minute-item",{"f-time-picker__minute-active":o(oe)(b).toString()===a.minute}]),onClick:de(h=>m(b,"minute"),["stop"])},H(o(oe)(b)),11,ju)),64))],512),k("div",{ref_key:"secondRef",ref:c,class:"f-time-picker__second"},[(f(),p(U,null,Z(59,b=>k("div",{key:b,class:V(["f-time-picker__second-item",{"f-time-picker__second-active":o(oe)(b).toString()===a.second}]),onClick:de(h=>m(b,"second"),["stop"])},H(o(oe)(b)),11,Uu)),64))],512)]),k("div",xu,[M(o(se),{size:"mini",onClick:v[1]||(v[1]=b=>u(b,"now"))},{default:N(()=>[X("当前")]),_:1}),M(o(se),{size:"mini",onClick:v[2]||(v[2]=b=>u(b,!1))},{default:N(()=>[X("取消")]),_:1}),M(o(se),{type:"primary",size:"mini",onClick:v[3]||(v[3]=b=>u(b,!0))},{default:N(()=>[X(" 确定 ")]),_:1})])]),default:N(()=>[M(o(Pe),{modelValue:e.value,"onUpdate:modelValue":v[0]||(v[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=T(qu),Ku={mode:_("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=A(e.activeName),l=B(()=>a.value),u=r=>{a.value=r};ue(ut,{mode:Ae(e,"mode"),defaultActive:l,setActiveName:u,onMenuItemClick:e.onMenuItemClick,onSubmenuClick:e.onSubmenuClick});const i=n(["mode"],"f-menu");return(r,c)=>(f(),p("div",{role:"menu",class:V(o(i))},[r.$slots.before?(f(),p("div",Zu,[S(r.$slots,"before")])):w("",!0),k("div",Wu,[S(r.$slots,"default")]),r.$slots.after?(f(),p("div",Xu,[S(r.$slots,"after")])):w("",!0)],2))}}),Qu=T(Ju),ed={icon:W(),fontSize:z(),color:_(),to:_(),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"),l=le(ut,null),u=je(),i=s=>{if(e.disabled)return;l&&(n(l.onMenuItemClick,e.name,s),n(l.setActiveName,e.name));const d=u.appContext.config.globalProperties.$router;if(d&&e.to)try{d.push(e.to)}catch(m){ye("f-menu-item",m)}},r=B(()=>!l||!l.defaultActive?!1:e.name===l.defaultActive.value),c=a(["fontSize","color"]);return(s,d)=>(f(),p("div",{role:"menuitem",class:V(["f-menu-item",{"f-menu-item__active":r.value,"f-menu-item__disabled":s.disabled}]),style:R(o(c)),onClick:i},[s.icon?(f(),D(o(q),{key:0,icon:s.icon},null,8,["icon"])):w("",!0),k("span",td,[S(s.$slots,"default")])],6))}}),od=T(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),l=A(e.opened),u=i=>{e.disabled||(l.value=!l.value,a&&n(a.onSubmenuClick,l.value,i))};return(i,r)=>(f(),p("div",{role:"menuitem",class:V(["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"?(f(),D(o(at),{key:0,trigger:"click",spacing:5},{content:N(()=>[S(i.$slots,"default")]),default:N(()=>[k("div",ld,[k("div",rd,[i.$slots.title?S(i.$slots,"title",{key:0}):w("",!0)]),M(o(q),{icon:o(De)},null,8,["icon"])])]),_:3})):(f(),p("div",ad,[k("div",{role:"none",class:"f-submenu__title",onClick:u},[k("div",id,[S(i.$slots,"title")]),M(o(q),{class:V(["f-submenu__arrow-icon",{"f-submenu__arrow-icon-animation":l.value}]),icon:o(De)},null,8,["class","icon"])]),k("div",cd,[M(o(Ze),{opened:l.value,"animation-time":.27},{default:N(()=>[S(i.$slots,"default")]),_:3},8,["opened"])])]))],2))}}),dd=T(ud),fd={title:_()},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)=>(f(),p("div",pd,[k("div",bd,H(e.title),1),k("div",md,[S(e.$slots,"default")])]))}}),_d=T(hd),vd={modelValue:O(0),step:O(1),min:O(0),max:O(100),disabled:g(),background:_(),activeColor:_(),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:l}=G(e,"slider"),u=A(),i=A(),{offset:r,offsetLeft:c,setPosition:s}=ul(u,e,n);ie(()=>{i.value&&(to(i.value,c,y=>{if(e.disabled)return;const v=y*100/u.value.clientWidth;s(v)}),s((e.modelValue-e.min)*100/(e.max-e.min)))});const d=l(["disabled"],"f-slider"),m=a(["background","activeColor","width"]);return(y,v)=>(f(),p("div",{ref_key:"sliderEl",ref:u,role:"slider",class:V(o(d)),style:R(o(m))},[k("div",gd,[k("div",{class:"f-slider__selected",style:R(`width: ${o(r)}%`)},null,4),k("div",{ref_key:"circleEl",ref:i,class:"f-slider__icon",style:R(`left: ${o(r)}%`)},null,4)])],6))}}),kd=T(yd),$d=L({name:"FFightingGlobal",__name:"fighting-global",props:jn,setup(t){const e=t,{interceptors:n}=Dn(e),a=B(()=>n("type",()=>ke.includes(e.type),"default")),l=B(()=>n("size",()=>ae.includes(e.size),"middle")),u=B(()=>n("lang",()=>["en-US","zh-CN"].includes(e.lang),"zh-CN"));return ue(zt,ne({type:a.value,size:l.value,lang:u.value})),(i,r)=>S(i.$slots,"default")}}),Cd=T($d),wd={model:W(),labelWidth:z(),labelPosition:_("left",t=>["left","top"].includes(t)),onSubmit:P()},nn=Symbol("form-provide-key"),Sd=L({name:"FForm",__name:"form",props:wd,setup(t,{expose:e}){const n=t,{run:a}=j(),{childrenCheckResult:l,validate:u}=vl(n),i=r=>{r.preventDefault();const c=n.model?u():!0;a(n.onSubmit,c,n.model,l,r)};return ue(nn,ne({..._e(n),childrenCheckResult:l})),e({submit:i,validate:u}),(r,c)=>r.$slots.default?(f(),p("form",{key:0,role:"form",class:"f-form",novalidate:"",onsubmit:i},[S(r.$slots,"default")])):w("",!0)}}),Fd=T(Sd),zd={label:_(),name:_(),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(nn,null),a=B(()=>{const i=n&&n.childrenCheckResult[e.name];return me(i)?i:!1}),l=B(()=>({"--form-item-label-width":n&&xe(n.labelWidth)})),u=B(()=>["f-form-item",{[`f-form-item__label-${n==null?void 0:n.labelPosition}`]:n==null?void 0:n.labelPosition}]);return(i,r)=>(f(),p("div",{class:V(u.value),style:R(l.value)},[i.label?(f(),p("label",Ld,H(i.label),1)):w("",!0),k("div",Id,[S(i.$slots,"default"),M(ce,{name:"f-form-item__err-transition"},{default:N(()=>[a.value?(f(),p("div",Pd,H(a.value),1)):w("",!0)]),_:1})])],6))}}),Td=T(Ed),Vd={role:_(),padding:z(),width:z(),height:z(),background:_(),display:_()},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(l,u)=>(f(),p("div",{class:"f-box",role:l.role||"none",style:R(o(a))},[S(l.$slots,"default")],12,Md))}}),Ad=T(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=A(),l=()=>new IntersectionObserver(u=>{u[0].isIntersecting&&n(e.onScrollEnd)},{rootMargin:xe(e.distance)});return ie(()=>{a.value&&l().observe(a.value)}),(u,i)=>(f(),p("div",Dd,[S(u.$slots,"default"),k("div",{ref_key:"loadingRef",ref:a,class:"f-infinite-scrolling__loading"},"加载中...",512)]))}}),Od=T(Rd),Hd={from:O(0),to:O(),approximateTime:O(2e3),localeString:g(),styles:W(),automatic:g(!0),onAnimationEnd:P()},Gd=L({name:"FNumberAnimate",__name:"number-animate",props:Hd,setup(t,{expose:e}){const n=t,{run:a}=j(),l=A(n.from),u=A(!1),i=d=>{u.value&&(l.value=n.from,u.value=!1);const m=Number(n.to);if(!ee(Number(l.value))||!ee(m)){ye("f-number-animate","Expected value is not a number");return}if(l.value+=m/n.approximateTime*20,l.value>=m){l.value=m,a(n.onAnimationEnd,d);return}window&&window.requestAnimationFrame(i)},r=B(()=>n.localeString?l.value.toLocaleString():l.value),c=(d=!0)=>{u.value=d,window&&window.requestAnimationFrame(i)};return ie(()=>{n.automatic&&c(!1)}),e({run:()=>{c()}}),(d,m)=>(f(),p("div",{class:"f-number-animate",style:R(d.styles)},H(r.value),5))}}),jd=T(Gd),Ud={time:z(0),interval:z(1e3),format:_("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:l,pause:u,reset:i,current:r}=hl({time:+n.time,millisecond:n.millisecond,interval:+n.interval,onFinish:()=>{a(n.onFinish)}}),c=(d,m)=>{const{days:y}=m;let{hours:v,minutes:b,seconds:h,milliseconds:C}=m;const $=(F,I=2)=>(F+"").padStart(I,"0");if(d.includes("DD")?d=d.replace("DD",$(y)):v+=y*24,d.includes("HH")?d=d.replace("HH",$(v)):b+=v*60,d.includes("mm")?d=d.replace("mm",$(b)):h+=b*60,d.includes("ss")?d=d.replace("ss",$(h)):C+=h*1e3,d.includes("S")){const F=$(C,3);d.includes("SSS")?d=d.replace("SSS",F):d.includes("SS")?d=d.replace("SS",F.slice(0,2)):d=d.replace("S",F.charAt(0))}return d},s=B(()=>c(n.format,r.value));return pe(()=>n.time,()=>{i(+n.time),n.autoStart&&l()},{immediate:!0}),e({current:r,start:l,pause:u,reset:i}),(d,m)=>(f(),p("div",xd,[d.$slots.default?w("",!0):(f(),p("span",qd,H(s.value),1)),S(d.$slots,"default",$t(_n(o(r))))]))}}),Kd=T(Yd),Zd=L({name:"FAvatarGroup",__name:"avatar-group",props:El,setup(t){const e=t,{styles:n}=G(e,"avatar-group");ue(Ht,e);const a=A();ie(()=>{if(a.value){const i=a.value.querySelectorAll(".f-avatar");i&&i.length&&i.forEach((r,c)=>{r.style.zIndex=(i.length-c).toString()})}});const u=n(["positionSize"]);return(i,r)=>(f(),p("div",{ref_key:"avatarGroupRef",ref:a,role:"group",class:"f-avatar-group",style:R(o(u))},[S(i.$slots,"default")],4))}}),Wd=T(Zd),Xd={name:z(),label:_(),lazy:g()},Jd=L({name:"FTabsItem",__name:"tabs-item",props:Xd,setup(t){const e=t,n=je(),a=A(e.name),l=le(tn,null),u=ne({activeName:a,uid:n.uid,label:e.label}),i=B(()=>l?l.activeName.value===a.value?!0:!e.lazy:!1),r=B(()=>l?l.activeName.value===u.activeName:!1);return ie(()=>{l&&l.registerChild(u)}),(c,s)=>i.value?re((f(),p("div",{key:0,class:V(["f-tabs-item",{"f-tabs-item__active":r.value}]),role:"tabpanel"},[S(c.$slots,"default")],2)),[[be,r.value]]):w("",!0)}}),Qd=T(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:qt,FCard:Rr,FCheckbox:Se,FCheckboxGroup:Kt,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:xt,FImagePreview:Na,FInfiniteScrolling:Od,FInput:Pe,FInputNumber:Cu,FLayout:Oa,FLink:Ua,FList:Za,FListItem:Ja,FMain:ti,FMenu:Qu,FMenuItem:od,FMenuItemGroup:_d,FMessage:Lt,FNotification:It,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:Qt,FSubmenu:dd,FSvgIcon:q,FSwap:Ut,FSwitch:ec,FTable:fu,FTabs:Tu,FTabsItem:Qd,FTag:oc,FText:Jt,FTextarea:gu,FTimePicker:Yu,FToolbar:Zt,FToolbarItem:we,FTooltip:ac,FTree:_c,FTrigger:Ke,FUpLoad:zc,FWatermark:yc},Symbol.toStringTag,{value:"Module"})),tf="1.0.0-alpha.8",nf=T({directive:Rn(cl(),"loading")}),of=t=>(qn(ef).forEach(([e,n])=>{t.component(e,n)}),t.config.globalProperties.FMessage=Lt,t.config.globalProperties.FNotification=It,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}=St(),n=A(""),a=A(!1),l=A(),u=()=>{n.value&&(l.value=lf.filter(c=>c.rule.includes(n.value)),l.value&&l.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=""},r=()=>{setTimeout(()=>{a.value=!1},800)};return(c,s)=>{const d=Ct("f-input");return f(),p("div",rf,[M(d,{modelValue:n.value,"onUpdate:modelValue":s[0]||(s[0]=m=>n.value=m),type:"text",autocomplete:"off",placeholder:"搜索组件","on-enter":u,"on-blur":r,class:V({dark:o(e)})},null,8,["modelValue","class"]),a.value&&l.value&&l.value.length?(f(),p("div",{key:0,class:V(["vp-search__result",{dark:o(e)}]),onClick:de(i,["stop"])},[(f(!0),p(U,null,Z(l.value,(m,y)=>(f(),p("a",{class:V(["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 Ve(bt.Layout,null,{"nav-bar-content-before":()=>Ve(uf)})},enhanceApp({app:t}){t.use(sf),t.component("vp-demo",Qt)}};function on(t){if(t.extends){const e=on(t.extends);return{...e,...t,async enhanceApp(n){e.enhanceApp&&await e.enhanceApp(n),t.enhanceApp&&await t.enhanceApp(n)}}}return t}const Fe=on(df),ff=L({name:"VitePressApp",setup(){const{site:t}=St();return ie(()=>{tt(()=>{document.documentElement.lang=t.value.lang,document.documentElement.dir=t.value.dir})}),In(),Pn(),En(),Fe.setup&&Fe.setup(),()=>Ve(Fe.Layout)}});async function pf(){const t=mf(),e=bf();e.provide(gn,t);const n=yn(t.route);return e.provide(kn,n),e.component("Content",$n),e.component("ClientOnly",Cn),Object.defineProperties(e.config.globalProperties,{$frontmatter:{get(){return n.frontmatter.value}},$params:{get(){return n.page.value.params}}}),Fe.enhanceApp&&await Fe.enhanceApp({app:e,router:t,siteData:wn}),{app:e,router:t,data:n}}function bf(){return Sn(ff)}function mf(){let t=Je,e;return Fn(n=>{let a=zn(n);return t&&(e=a),(t||e===a)&&(a=a.replace(/\.js$/,".lean.js")),Je&&(t=!1),Ln(()=>import(a),[])},Fe.NotFound)}Je&&pf().then(({app:t,router:e,data:n})=>{e.go().then(()=>{vn(e.route,n.site),t.mount("#app")})});export{pf as createApp};
+import{f as A,j as ie,w as pe,_ as te,o as f,c as p,v as k,d as L,C as M,y as N,r as S,b as o,t as H,z as w,n as V,D as R,ab as sn,s as Ge,h as B,i as tt,ac as ln,ad as rn,ae as an,a1 as ne,$ as ze,x as D,a as X,F as U,J as Z,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 cn,X as un,a8 as Ue,O as Ne,ai as dn,aj as $t,E as Ee,ak as fn,A as Ct,a5 as Ae,a0 as wt,a6 as Ve,al as pn,V as bn,B as mn,am as hn,a3 as pt,an as _n,u as St,H as Je,ao as vn,ap as gn,aq as yn,ar as kn,as as $n,at as Cn,au as wn,av as Sn,aw as Fn,ax as zn,ay as Ln,az as In,aA as Pn,aB as En}from"./chunks/framework.a8ebc9a3.js";import{t as bt}from"./chunks/theme.78f05fdc.js";import{o as fe,r as Le,t as Tn,j,p as xe,v as Vn,a as g,s as _,c as W,e as q,u as G,w as nt,x as Mn,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 T,z as ot,k as ae,A as Bn,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.f637aaa7.js";import{a as Ft,u as he,P as On,b as zt,B as Hn,F as se,c as Gn,d as jn}from"./chunks/index.fac4cbcf.js";import{w as ye,e as Te}from"./chunks/index.ca94d18f.js";import{F as Lt}from"./chunks/index.d7f4091d.js";import{F as It}from"./chunks/index.038870ed.js";import{F as Un,a as xn}from"./chunks/index.231c9999.js";import"./chunks/index.f96b7fa5.js";const Pt=(t,e)=>{let n=[];return fe(t)&&t.length&&t.forEach(a=>{const l=Le(a.type)&&a.type.name;if(l===e&&n.push(a),l!==e&&a.children&&fe(a.children)){const u=Pt(a.children,e);n=n.concat(u)}}),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=A(1),e=A(0),n=()=>{Tn(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,r)=>{const c=[31,28,31,30,31,30,31,31,30,31,30,31];return r-1===-1&&(r=12),r===2&&l(i)?29:c[r-1]},a=(i,r)=>new Date(i,r-1,1).getDay(),l=i=>i%4===0&&i%100!==0||i%400===0;return{generateCalendar:(i,r)=>{const c=[],s=a(i,r),d=n(i,r-1);for(let v=s-1;v>=0;v--){const b=r-1===0?12:r-1,h=d-v,C=t.lunar?e(i,b,h):{};c.push({year:i,month:b,day:h,target:"prev",...C})}let m=1;for(;m<=n(i,r);){const v=t.lunar?e(i,r,m):{};c.push({year:i,month:r,day:m,target:"current",...v}),m++}let y=1;for(;c.length%7!==0;){const v=r+1===13?1:r+1,b=t.lunar?e(i,v,y):{};c.push({year:i,month:v,day:y,target:"next",...b}),y++}return c}}},Et=(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="")}}},Tt=(t,e,n)=>{const{run:a}=j(),l=A(!0),u=A(!1);let i=!1;const r=(b,h,C)=>{b.src=C,l.value=!0,u.value=!0,a(e.onLoad,h)},c=b=>{l.value=!1,a(e.onError,b)},s=(b,h)=>{const C=new Image;new Promise(($,F)=>{C.src=h||e.src,C.addEventListener("load",I=>{$(I)}),C.addEventListener("error",I=>{F(I)})}).then($=>{$&&r(b,$,C.src)}).catch($=>{if(!i&&e.errSrc){s(b,e.errSrc),i=!0;return}c($)})},d=b=>{const h=new IntersectionObserver(C=>{C[0].isIntersecting&&(s(b),h.unobserve(b))},{rootMargin:xe(e.rootMargin)});return h},m=b=>{const h=()=>{const C=window.innerHeight||document.documentElement.clientHeight,$=document.documentElement.scrollTop||document.body.scrollTop,F=b.offsetParent.offsetTop,I=C+$-F;Math.abs(I){if(t.value){if(e.lazy){IntersectionObserver?d(t.value).observe(t.value):m(t.value);return}s(t.value)}},v=()=>{if(n){if(n())y();else return;return}y()};return ie(v),pe(()=>e.src,()=>{v()}),{isSuccess:l,isShowNode:u}},Vt="data-index",Mt="f-toolbar-item",qe="f-pagination",ge=`${qe}__item`,Bt=`${qe}__prev`,At=`${qe}__next`,mt=25,Nt="f-trigger",Dt="f-trigger__content-box",Zn=t=>{(()=>{const c=t.children[0].cloneNode(!0);t.appendChild(c)})();const n=24;let a=0;const l=t.children.length,u=()=>{let r=a*n;a++;const c=a*n,s=500,d=15,m=s/d,y=(c-r)/m,v=setInterval(()=>{if(r+=y,r>=c&&(clearInterval(v),a===l-1)){t.scrollTop=0,a=0;return}t.scrollTop=r},d)};return(r=2e3)=>{setInterval(u,r)}},Rt=(t,e,n)=>{const{run:a}=j(),l=i=>{e.value=!1,a(n,i)};return{closeVisible:l,maskClose:()=>{t.maskClose&&l()}}},Me=[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+=Me[c-1900]&s?1:0;return d+n(c)},e=c=>Me[c-1900]&15,n=c=>e(c)?Me[c-1900]&65536?30:29:0,a=(c,s)=>s>12||s<1?-1:Me[c-1900]&65536>>s?30:29,l=(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()),v=parseInt(d.toString());if(m<1900||m>2100||m===1900&&y===1&&v<31)return-1;let b;m?b=new Date(m,parseInt(y.toString())-1,v):b=new Date;let h,C=0,$=0;m=b.getFullYear(),y=b.getMonth()+1,v=b.getDate();let F=(Date.UTC(b.getFullYear(),b.getMonth(),b.getDate())-Date.UTC(1900,0,31))/864e5;for(h=1900;h<2101&&F>0;h++)$=t(h),F-=$;F<0&&(F+=$,h--),b.getDay();const I=h;C=e(h);let E=!1;for(h=1;h<13&&F>0;h++)C>0&&h===C+1&&E===!1?(--h,E=!0,$=n(I)):$=a(I,h),E===!0&&h===C+1&&(E=!1),F-=$;F===0&&C>0&&h===C+1&&(E?E=!1:(E=!0,--h)),F<0&&(F+=$,--h);const Y=h,x=F+1,K=u(m,y*2);let Ce="";K===v&&(Ce=Wn[y*2-1]);const dt=l(y,v),ft=y+"-"+v;let We=Y+"-"+x;return Y===12&&x===29&&a(I,Y)===29&&(We="12-30"),{festival:ht[ft]?ht[ft].title:"",lunarFestival:_t[We]?_t[We].title:"",lunar:i(x),term:Ce,constellation:dt}}},to=(t,e,n)=>{const a=i=>{n(i.clientX-e.value)},l=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",l)},u=()=>{document.addEventListener("mousemove",a,{passive:!1}),document.addEventListener("mouseup",l,{passive:!1})};t.addEventListener("mousedown",u,{passive:!1})},no={visible:g(),text:_(),color:_(),fullscreen:g(),background:_(),icon:W()},oo={},so={width:"1em",height:"1em",viewBox:"0 0 16 16"},lo=k("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 f(),p("svg",so,ro)}const io=te(oo,[["render",ao]]),co={},uo={width:"1em",height:"1em",viewBox:"0 0 16 16"},fo=k("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 f(),p("svg",uo,po)}const Ye=te(co,[["render",bo]]),mo={},ho={width:"1em",height:"1em",viewBox:"0 0 16 16"},_o=k("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 f(),p("svg",ho,vo)}const Ie=te(mo,[["render",go]]),yo={},ko={width:"1em",height:"1em",viewBox:"0 0 16 16"},$o=k("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 f(),p("svg",ko,Co)}const So=te(yo,[["render",wo]]),Fo={},zo={width:"1em",height:"1em",viewBox:"0 0 16 16"},Lo=k("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 f(),p("svg",zo,Io)}const Eo=te(Fo,[["render",Po]]),To={},Vo={width:"1em",height:"1em",viewBox:"0 0 16 16"},Mo=k("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 f(),p("svg",Vo,Bo)}const No=te(To,[["render",Ao]]),Do={},Ro={width:"32",height:"32",viewBox:"0 0 24 24"},Oo=k("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 f(),p("svg",Ro,Ho)}const jo=te(Do,[["render",Go]]),Uo={},xo={width:"1em",height:"1em",viewBox:"0 0 16 16"},qo=k("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[k("circle",{cx:"7.5",cy:"7.5",r:"4.75"}),k("path",{d:"M9.25 7.5h-3.5M7.5 5.75v3.5m3.75 2l3 3"})],-1),Yo=[qo];function Ko(t,e){return f(),p("svg",xo,Yo)}const Zo=te(Uo,[["render",Ko]]),Wo={},Xo={width:"1em",height:"1em",viewBox:"0 0 16 16"},Jo=k("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[k("circle",{cx:"7.5",cy:"7.5",r:"4.75"}),k("path",{d:"M9.25 7.5h-3.5m5.5 3.75l3 3"})],-1),Qo=[Jo];function es(t,e){return f(),p("svg",Xo,Qo)}const ts=te(Wo,[["render",es]]),ns={},os={width:"32",height:"32",viewBox:"0 0 24 24"},ss=k("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 f(),p("svg",os,ls)}const as=te(ns,[["render",rs]]),is={},cs={width:"32",height:"32",viewBox:"0 0 24 24"},us=k("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 f(),p("svg",cs,ds)}const ps=te(is,[["render",fs]]),bs={},ms={width:"1em",height:"1em",viewBox:"0 0 16 16"},hs=k("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 f(),p("svg",ms,_s)}const gs=te(bs,[["render",vs]]),ys={},ks={width:"1em",height:"1em",viewBox:"0 0 16 16"},$s=k("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 f(),p("svg",ks,Cs)}const Ss=te(ys,[["render",ws]]),Fs={},zs={width:"32",height:"32",viewBox:"0 0 512 512"},Ls=k("path",{fill:"currentColor",d:"M128 128h256v38H128zm-16 64h288v38H112z"},null,-1),Is=k("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 f(),p("svg",zs,Ps)}const Ts=te(Fs,[["render",Es]]),Vs={},Ms={width:"32",height:"32",viewBox:"0 0 24 24"},Bs=k("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 f(),p("svg",Ms,As)}const Ds=te(Vs,[["render",Ns]]),Rs={},Os={width:"1em",height:"1em",viewBox:"0 0 16 16"},Hs=k("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 f(),p("svg",Os,Gs)}const Us=te(Rs,[["render",js]]),xs={},qs={width:"1em",height:"1em",viewBox:"0 0 16 16"},Ys=k("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 f(),p("svg",qs,Ks)}const De=te(xs,[["render",Zs]]),Ws={},Xs={width:"1em",height:"1em",viewBox:"0 0 16 16"},Js=k("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[k("circle",{cx:"2.5",cy:"8",r:".75"}),k("circle",{cx:"8",cy:"8",r:".75"}),k("circle",{cx:"13.5",cy:"8",r:".75"})],-1),Qs=[Js];function el(t,e){return f(),p("svg",Xs,Qs)}const vt=te(Ws,[["render",el]]),tl={},nl={width:"1em",height:"1em",viewBox:"0 0 16 16"},ol=k("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 f(),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"),l=n(["background","color"]),u=a(["fullscreen"],"f-loading");return(i,r)=>i.visible?(f(),p("div",{key:0,class:V(o(u)),style:R(o(l))},[M(o(q),{size:20,class:"f-loading__animation",icon:i.icon},{default:N(()=>[S(i.$slots,"icon",{},()=>[M(o(Ft))])]),_:3},8,["icon"]),i.text?(f(),p("span",al,H(i.text),1)):w("",!0)],6)):w("",!0)}}),cl=()=>{const t=(l,u)=>{const i=c=>u.value[c],r=c=>i(c)||l.getAttribute(`f-loading-${c}`)||"";return{visible:!!u.value,fullscreen:u.modifiers.fullscreen,text:r("text"),color:r("color"),background:r("background")}},e=(l,u)=>{l.originalPosition!=="absolute"&&l.originalPosition!=="fixed"&&(l.style.position="relative");const i=t(l,u),r=sn(il,i),c=r.mount(document.createElement("div"));l.vm=c,l.loadingInstance=r,l.appendChild(c.$el)},n=l=>{l.loadingInstance&&(l.style.position=l.originalPosition,l.removeChild(l.vm.$el),l.loadingInstance.unmount(),l.loadingInstance=null)};return{mounted:(l,u)=>{const i=getComputedStyle(l).position||"static";l.originalPosition=i,u.value&&e(l,u)},updated:(l,u)=>{u.value!==u.oldValue&&(u.value?e(l,u):n(l))}}},ul=(t,e,n)=>{const a=A(0),l=c=>{let s=c.offsetLeft,d=c.offsetParent;for(;d!==null;)s+=d.offsetLeft,d=d.offsetParent;return s},u=()=>{t.value&&(a.value=l(t.value))};ie(()=>{u(),window&&window.addEventListener("resize",u)}),Ge(()=>{window&&window.removeEventListener("resize",u)});const i=A(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=B(()=>{const c=Math.floor(t.total/t.pageSize);return t.total%t.pageSize===0?c:c+1}),l=B(()=>{const c=Number(t.pagerCount),s=Number(t.current),d=(c-1)/2;let m=!1,y=!1;const v=[];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=A(!1),r=A(!1);return tt(()=>{const c=Number(t.pagerCount),s=(c-1)/2;i.value=!1,r.value=!1,a.value>c&&(t.current>c-s&&(i.value=!0),t.current{const{run:l}=j(),u=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,l(t.onChange,d,t.pageSize,m))},r=A("1");return{jumpCurrent:r,selectChange:u,handelChange:i,handleInput:()=>{t.disabled||(Number(r.value)>n.value.length&&(r.value=String(n.value.length)),e.currentModelValue.value=Number(r.value))},handelClick:d=>{if(t.disabled)return;const m=d.target;if(m.className.includes(ge)){let y=Number(m.textContent);const v=t.pagerCount,b=t.current,h=v-2;m.className.includes(Bt)&&(y=b-h),m.className.includes(At)&&(y=b+h),Number.isNaN(y)||(y<1&&(y=1),y>a.value&&(y=a.value)),y!==b&&(e.currentModelValue.value=y,l(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),l=Math.floor(t%Qe/Re),u=Math.floor(t%Re);return{total:t,days:e,hours:n,minutes:a,seconds:l,milliseconds:u}},ml=(t,e,n=Re)=>Math.floor(t/n)===Math.floor(e/n),hl=t=>{let e,n,a,l;const u=A(t.time),i=B(()=>bl(u.value)),r=()=>Math.max(n-performance.now(),0),c=h=>{var C;u.value=h,h===0&&(y(),(C=t.onFinish)==null||C.call(t))},s=()=>{nt&&(t.millisecond?v():b())},d=()=>{a||(n=performance.now()+u.value,a=!0,s())},m=(h=t.time)=>{y(),u.value=h},y=()=>{a=!1,pl(e)},v=()=>{e=gt(()=>{a&&(c(r()),u.value>0&&v())})},b=()=>{e=gt(()=>{if(a){const h=r();(!ml(h,u.value,t.interval)||h===0)&&c(h),u.value>0&&b()}})};return ln(y),rn(()=>{l&&(a=!0,l=!1,s())}),an(()=>{a&&(y(),l=!0)}),{start:d,pause:y,reset:m,current:i}},_l=(t,e)=>{const{run:n}=j(),a=ne({x:"",y:""}),l=B(()=>{const{spacing:h,enterDuration:C,leaveDuration:$}=t;return{"--trigger-content-x":a.x,"--trigger-content-y":a.y,"--trigger-spacing-size":xe(h),"--trigger-enter-duration":C&&C+"s","--trigger-leave-duration":$&&$+"s"}}),u=()=>{const h=e.value;if(!h)return;const{left:C,top:$,height:F}=h.getBoundingClientRect(),I=C+window.scrollX,E=$+window.scrollY+F;a.x=I+"px",a.y=E+"px"},i=A(!1);let r=!1;const c=h=>{if(!t.disabled){if(i.value){r=!0;return}u(),i.value=!0,r=!0,n(t.onOpen,i.value,h),n(t.onChange,i.value,h)}},s=h=>{if(t.disabled)return;r=!1;const C=()=>{i.value=!1,n(t.onClose,i.value,h),n(t.onChange,i.value,h)};if(t.trigger==="click"){C();return}setTimeout(()=>{r||C()},300)},d=()=>{r=!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=h=>{const C=h.target;C.closest("."+Dt)||C.closest("."+Nt)||(s(h),window.removeEventListener("click",y,!0),window.removeEventListener("resize",u))};return{visible:i,styleList:l,close:s,onBeforeEnter:h=>{if(t.trigger==="hover"){const C=h;C.addEventListener("mouseenter",d),C.addEventListener("mouseleave",s)}window.addEventListener("resize",u),window.addEventListener("click",y,!0)},onAfterLeave:h=>{if(t.trigger==="hover"){const C=h;C.removeEventListener("mouseenter",d),C.removeEventListener("mouseleave",s)}}}},vl=t=>{const e=ne({}),n=ze(),a=B(()=>{if(!n.default)return[];const i=Pt(n.default(),"FFormItem");return i.forEach(r=>{r.props&&r.props.name&&r.props.rules&&(e[r.props.name]=!1)}),i}),l=(i,r)=>{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(r=>{const c=r.props&&r.props.rules,s=r.props&&r.props.name;if(r.props&&c&&s&&t.model)if(s.includes(".")){const d=Mn(s,".");let m=t.model;if(d&&d.length){for(const v of d)if(m=m[v],!m){ye("f-form-item",`${s} is not a valid \`name\` parameter`);break}const y=l(m,c);e[s]=y}}else if(s in t.model){const d=t.model[s],m=l(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(r=>!!r&&!me(r)):!0}}},{run:Be}=j(),Ot=t=>({handleOpen:u=>{document.body.style.overflow="hidden",Be(t.onOpen,u)},handleOpenEnd:u=>{Be(t.onOpenEnd,u)},handleClose:u=>{document.body.style.overflow="",Be(t.onClose,u)},handleCloseEnd:u=>{Be(t.onCloseEnd,u)}}),gl=t=>{const{run:e}=j(),n=B(()=>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=>B(()=>{const e=document.createElement("canvas"),n=window.devicePixelRatio||1,l=t.fontSize*n+"px serif",u=e.getContext("2d");if(u){const{width:i}=u.measureText(t.content),r=Math.max(100,i)*n+t.gap;return e.width=r,e.height=r,u.translate(e.width/2,e.height/2),u.rotate(Math.PI/190*-45),u.fillStyle=t.fontColor,u.font=l,u.textAlign="center",u.textBaseline="middle",u.fillText(t.content,0,0),{base64:e.toDataURL(),size:r/n}}return{base64:"",size:0}}),kl={type:_(void 0,t=>ke.includes(t)),fontSize:z(),titleSize:z(),bold:g(),center:g(),close:g(),simple:g(),title:_(),round:g(),background:_(),color:_(),titleColor:_(),fixed:g(),closeIcon:W(),beforeIcon:W(),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:l,classes:u}=G(n(["type"]),"alert"),i=A(!0),r=A(),c=u(["type","bold","simple","center","round","fixed"],"f-alert"),s=l(["fontSize","color","background","titleSize","titleColor"]),d=m=>{i.value=!1,a(e.onClose,m)};return ie(()=>{e.alertList&&e.alertList.length&&r.value&&Zn(r.value)(ee(e.duration)?e.duration:2e3)}),(m,y)=>(f(),D(ce,{name:"f-alert"},{default:N(()=>[i.value?(f(),p("div",{key:0,role:"alert",class:V(o(c)),style:R(o(s))},[m.$slots.beforeIcon||m.beforeIcon?(f(),D(o(q),{key:0,icon:m.beforeIcon},{default:N(()=>[S(m.$slots,"beforeIcon")]),_:3},8,["icon"])):w("",!0),k("div",$l,[m.$slots.title||m.title?(f(),p("div",Cl,[S(m.$slots,"title",{},()=>[X(H(m.title),1)])])):w("",!0),m.$slots.default?(f(),p("div",wl,[S(m.$slots,"default")])):w("",!0),m.alertList&&m.alertList.length?(f(),p("div",{key:2,ref_key:"alertListEl",ref:r,class:"f-alert__list"},[(f(!0),p(U,null,Z(m.alertList,(v,b)=>(f(),p("div",{key:b,class:"f-alert__list-item"},H(v),1))),128))],512)):w("",!0)]),m.close?(f(),D(o($e),{key:1,round:"",color:m.type==="default"?"#333":"#fff",size:16,icon:m.closeIcon,"on-click":d},{default:N(()=>[S(m.$slots,"closeIcon")]),_:3},8,["color","icon"])):w("",!0)],6)):w("",!0)]),_:3}))}}),Fl=T(Sl),zl={width:z(),padding:z(),background:_()},Ll=L({name:"FAside",__name:"aside",props:zl,setup(t){const e=t,{styles:n}=G(e,"aside"),a=n(["width","padding","background"]);return(l,u)=>(f(),p("aside",{class:"f-aside",style:R(o(a))},[S(l.$slots,"default")],4))}}),Il=T(Ll),Pl={src:_(),errSrc:_(),icon:W(),alt:_(),round:g(),lazy:g(),fit:_(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:_(),fontSize:z(),fontColor:_(),text:_(),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:_(void 0,t=>ot.includes(t))},Ht=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=ze(),a=A(),l=le(Ht,void 0),{isSuccess:u,isShowNode:i}=Tt(a,e,()=>!n.icon&&!e.icon&&!e.text&&a.value),r=ne({..._e(e),..._e(ne(l||{}))}),{styles:c,classes:s}=G(r,"avatar"),d=s(["round","fit",{key:"size",callback:()=>me(r.size)}],"f-avatar"),m=c(["background","fontColor","fontSize","zIndex",{key:"size",callback:()=>ee(r.size)}],"zIndex");return(y,v)=>o(u)?(f(),p("div",{key:0,role:"img",class:V(o(d)),style:R(o(m))},[y.$slots.icon||y.icon?(f(),D(o(q),{key:0,size:y.fontSize||15,color:y.fontColor,icon:y.icon},{default:N(()=>[S(y.$slots,"icon")]),_:3},8,["size","color","icon"])):y.text?(f(),p("span",Tl,H(y.text),1)):(f(),p("img",{key:2,ref_key:"avatarRef",ref:a,class:"f-avatar__img",src:"",style:R(o(i)?"":"visibility: hidden"),alt:y.alt},null,12,Vl))],6)):(f(),p("div",{key:1,class:"f-avatar__error",style:R(o(m))},[S(y.$slots,"error",{},()=>[k("span",Ml,H(y.alt||"加载失败"),1)])],4))}}),Al=T(Bl),Nl={round:g(),behavior:_("smooth",t=>["smooth","auto"].includes(t)),visibleHeight:O(200),right:z(),bottom:z(),zIndex:O(),top:O(0),listenEl:_(),background:_(),color:_()},Dl=L({name:"FBackTop",__name:"back-top",props:Nl,setup(t){const e=t,{styles:n,classes:a}=G(e,"back-top"),l=A(!1),u=d=>Bn(()=>{const m=(d||document.documentElement).scrollTop,y=ee(e.visibleHeight)?e.visibleHeight:200;l.value=m>y},200),i=u(),r=()=>{const{top:d,behavior:m,listenEl:y}=_e(e);if(me(e.listenEl)){const v=document.querySelector(y.value);if(!v){Te("f-back-top","`listen-el` is not a element");return}v&&v.scrollTo({top:d.value,behavior:m.value});return}else Te("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)){Te("f-back-top","`listen-el` attributes is not a string"),document.addEventListener("scroll",u());return}const d=document.querySelector(e.listenEl);if(!d){Te("f-back-top","`listen-el` is not a element");return}d&&d.addEventListener("scroll",u(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)=>(f(),D(ce,{name:"f-back-top"},{default:N(()=>[re(k("div",{class:V(o(s)),style:R(o(c)),onClick:de(r,["stop"])},[S(d.$slots,"default")],6),[[be,l.value]])]),_:3}))}}),Rl=T(Dl),Ol={value:z(),max:O(99),dot:g(),show:g(!0),type:_("danger",t=>ke.includes(t)),background:_(),color:_()},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"),l=n(["type","dot"],"f-badge"),u=a(["background","color"]),i=B(()=>{const{dot:c,max:s,value:d}=e;return c?"":ee(s)&&ee(d)&&d>s?s+"+":d}),r=B(()=>{const{value:c,show:s}=e;return!ee(c)&&s?!0:s&&ee(c)&&c>0});return(c,s)=>(f(),p("div",{class:V(o(l)),style:R(o(u))},[S(c.$slots,"default"),M(ce,{name:"f-badge"},{default:N(()=>[r.value?(f(),p("sup",Hl,H(i.value),1)):w("",!0)]),_:1})],6))}}),jl=T(Gl),Ul={separator:W(),fontColor:_(),iconColor:_(),fontSize:z()},Gt=Symbol("breadcrumb-props-key"),xl={key:0,class:"f-breadcrumb"},ql=L({name:"FBreadcrumb",__name:"breadcrumb",props:Ul,setup(t){return ue(Gt,t),(n,a)=>n.$slots.default?(f(),p("div",xl,[S(n.$slots,"default")])):w("",!0)}}),Yl=T(ql),Kl={fontColor:_(),iconColor:_(),separator:W(),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(Gt,null),{styles:a}=G(ne({iconColor:e.iconColor||n&&n.iconColor,fontColor:e.fontColor||n&&n.fontColor,fontSize:n&&n.fontSize}),"breadcrumb-item"),l=je(),u=B(()=>e.separator?e.separator:n&&n.separator?n.separator:Ie),i=a(["fontColor","iconColor","fontSize"]),r=()=>{const c=l.appContext.config.globalProperties.$router;if(c&&e.to)try{c.push(e.to)}catch(s){console.warn(s)}};return(c,s)=>(f(),p("div",{class:"f-breadcrumb-item",style:R(o(i)),onClick:r},[k("span",Zl,[S(c.$slots,"default")]),M(o(q),{icon:u.value,size:16},null,8,["icon"])],4))}}),Xl=T(Wl),Jl=L({name:"FButtonGroup",__name:"button-group",props:On,setup(t){const e=t,{classes:n}=G(e,"button-group"),a=le(zt,null),l=B(()=>e.size||a&&a.size||"middle");ue(Hn,l.value);const u=n(["direction","size"],"f-button-group");return(i,r)=>(f(),p("div",{role:"group",class:V(o(u))},[S(i.$slots,"default")],2))}}),Ql=T(Jl),er={date:{type:Date,default:()=>new Date,required:!0},lunar:g(),showHeader:g(!0),border:g(),borderColor:_(),dayCellHeight:z(),weekCellHeight:z(),onChange:P(),onChangeDate:P(),onChangeMonth:P()},tr={value:z(),label:z(),disabled:g()},nr={spacing:z(),disabled:g(),trigger:_("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:_("f-select"),size:_("middle",t=>ae.includes(t)),placeholder:_(),clear:g(),filter:g(),disabled:g(),onChange:P(),onBeforeChange:P()},jt=Symbol("f-select-props-key"),sr=L({name:"FOption",__name:"option",props:tr,setup(t){const e=t,n=ze(),{run:a}=j(),l=le(jt,null),u=le(rt,null),i=B(()=>{if(!n.default)return"";const h=n.default()[0].children;return me(h)?h:(ye("f-option","slot content is not a string"),"")}),r=B(()=>!l||!(u!=null&&u.isVisible())?!1:l.isTrigger&&l.filter&&l.isFiltering?s?s.toString().includes(l.inputValue):!1:!0),c=(...h)=>{if(!h||!h.length)return"";const C=h.find($=>$==null||Number.isNaN($)?!1:fe($)||Le($)?Object.keys($).length>0:$===0?!0:!!$);return C!==void 0?C:h[h.length-1]},s=c(i.value,e.label,e.value),d=c(e.value,e.label,i.value),m=B(()=>l?d===l.modelValue:!1),y=async h=>{if(!(!l||e.disabled)){if(l.onBeforeChange&&!await l.onBeforeChange(d,s)){u&&a(u.close);return}a(l.setValue,d,s,h),u&&a(u.close)}},v=()=>{l&&d===l.modelValue&&(console.log("run"),l&&a(l.setValue,d,s))};return(()=>{l&&pe(()=>l.modelValue,v,{immediate:!0})})(),(h,C)=>h.$slots.default||h.label||h.value?re((f(),p("div",{key:0,class:V(["f-option",{"f-option__disabled":h.disabled,"f-option__active":m.value}]),onClick:y},[h.$slots.default?S(h.$slots,"default",{key:0}):(f(),p(U,{key:1},[X(H(h.label||h.value),1)],64))],2)),[[be,r.value]]):w("",!0)}}),Oe=T(sr),lr={modelValue:z(),type:_("text",t=>["text","password","number"].includes(t)),size:_(void 0,t=>ae.includes(t)),disabled:g(),max:O(),min:O(),maxLength:O(),fontSize:z(),autofocus:g(),name:_("f-input"),placeholder:_(),placeholderColor:_(),clear:g(),width:z(),height:z(),search:g(),textColor:_(),readonly:g(),showPassword:g(),enterSearch:g(),icon:W(),afterIcon:W(),autocomplete:_("off"),onSearch:P(),onChange:P(),onInput:P(),onBlur:P(),onFocus:P(),onEnter:P()},rr={modelValue:{...g(),require:!0},size:z(40),type:_(void 0,t=>["sound","swap"].includes(t)),iconOn:W(),iconOff:W(),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:l}=G(e,"swap"),u=r=>{n.value=!n.value,a(e.onChange,!e.modelValue,r)},i=l(["type","modelValue"],"f-swap");return(r,c)=>(f(),p("div",{role:"switch",class:V(o(i)),onClick:u},[M(o(q),{icon:n.value?r.iconOn:r.iconOff,size:r.size},null,8,["icon","size"])],2))}}),Ut=T(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:l,getProp:u}=he(e),{styles:i,classes:r}=G(u(["size"]),"input"),{handleInput:c,handleClear:s,handleChange:d}=Et(e,n),m=A(!1),y=A(e.type),v=A(!1);tt(()=>{y.value=e.type});const b=B(()=>l("input").value.search),h=E=>{a(e.onSearch,n.value,E)},C=E=>{const{search:Y,enterSearch:x,onEnter:K}=_e(e);Y.value&&x.value&&h(E),a(K.value,n.value,E)},$=()=>{if(m.value){y.value="text",m.value=!0;return}y.value="password",m.value=!1},F=i(["placeholderColor","textColor","width","height","fontSize"]),I=r(["size","disabled","search"],"f-input");return(E,Y)=>(f(),p("div",{role:"input",class:V(o(I)),style:R(o(F))},[k("div",ir,[S(E.$slots,"before"),E.icon?(f(),D(o(q),{key:0,class:"f-input__icon",icon:E.icon,size:13},null,8,["icon"])):w("",!0),re(k("input",{"onUpdate:modelValue":Y[0]||(Y[0]=x=>n.value=x),class:"f-input__input",type:y.value,max:E.max,min:E.min,disabled:E.disabled,readonly:E.readonly,autofocus:E.autofocus,name:E.name,autocomplete:E.autocomplete,placeholder:E.placeholder,maxlength:E.maxLength,onInput:Y[1]||(Y[1]=(...x)=>o(c)&&o(c)(...x)),onChange:Y[2]||(Y[2]=(...x)=>o(d)&&o(d)(...x)),onKeyup:un(C,["enter"]),onBlur:Y[3]||(Y[3]=(...x)=>E.onBlur&&E.onBlur(...x)),onFocus:Y[4]||(Y[4]=(...x)=>E.onFocus&&E.onFocus(...x))},null,40,cr),[[cn,n.value]]),E.clear?(f(),D(o(q),{key:1,class:"f-input__clear-btn",icon:o(st),size:14,"on-click":o(s)},null,8,["icon","on-click"])):w("",!0),E.afterIcon?(f(),D(o(q),{key:2,icon:E.afterIcon,size:14},null,8,["icon"])):w("",!0),E.showPassword?(f(),D(o(Ut),{key:3,modelValue:m.value,"onUpdate:modelValue":Y[5]||(Y[5]=x=>m.value=x),class:"f-input__show-password",type:"swap","icon-on":o(ps),"icon-off":o(as),size:14,"on-change":$},null,8,["modelValue","icon-on","icon-off"])):w("",!0),S(E.$slots,"after",{isHover:v.value})]),E.search?(f(),p("div",{key:0,class:"f-input__search",onClick:h},[S(E.$slots,"searchBtn",{},()=>[M(o(se),{type:"primary",size:E.size},{default:N(()=>[X(H(b.value),1)]),_:1},8,["size"])])])):w("",!0)],6))}}),Pe=T(ur),dr={spacing:z(),disabled:g(),width:{type:[Number,String],default:()=>null},trigger:_("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=A(),{classes:l,styles:u}=G(n,"trigger"),{visible:i,styleList:r,close:c,onBeforeEnter:s,onAfterLeave:d}=_l(n,a),m=l(["arrow"],Dt),y=u(["width"]);return ue(rt,{close:c,isVisible:()=>i.value}),e({close:c}),(v,b)=>(f(),p("div",{class:V(o(Nt))},[k("div",{ref_key:"triggerRef",ref:a,class:"f-trigger__trigger"},[S(v.$slots,"default")],512),(f(),D(Ue,{to:"body"},[M(ce,{name:"f-trigger",onBeforeEnter:o(s),onAfterLeave:o(d)},{default:N(()=>[re(k("div",{class:V(o(m)),style:R([o(r),o(y)])},[k("div",fr,[S(v.$slots,"content")])],6),[[be,o(i)]])]),_:3},8,["onBeforeEnter","onAfterLeave"])]))],2))}}),Ke=T(pr),br={class:"f-dropdown"},mr=L({name:"FDropdown",__name:"dropdown",props:dr,setup(t){return(e,n)=>(f(),p("div",br,[M(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:N(()=>[S(e.$slots,"content")]),default:N(()=>[S(e.$slots,"default")]),_:3},8,["trigger","disabled","spacing","arrow","width","enter-duration","leave-duration","on-change","on-open","on-close"])]))}}),at=T(mr),hr={content:_(),contentSize:z(),contentColor:_(),imageSrc:_(),imageSize:z(),background:_(),iconSize:z(30)},_r={src:_(),alt:_(),draggable:g(!0),lazy:g(),rootMargin:z("100px"),width:z(),height:z(),block:g(),fit:_(void 0,t=>ot.includes(t)),select:g(),referrerPolicy:_(),round:z(),errSrc:_(),title:_(),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=A(),{classes:a,styles:l}=G(e,"image"),{isSuccess:u,isShowNode:i}=Tt(n,e),r=a(["fit","select","block"],"f-image"),c=l(["width","height","round"]);return(s,d)=>o(u)?(f(),p("div",{key:0,role:"img",class:V(o(r)),style:R(o(c))},[k("img",{ref_key:"imageEl",ref:n,class:"f-image__img",src:"",style:R(o(i)?"":"visibility: hidden"),"referrer-policy":s.referrerPolicy,draggable:s.draggable,alt:s.alt,title:s.title},null,12,vr)],6)):(f(),p("div",gr,[S(s.$slots,"error",{},()=>[k("div",yr,H(s.alt||"加载失败"),1)])]))}}),xt=T(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(),l=B(()=>e.content||a("empty").value.content),u=n(["contentColor","contentSize","background"]);return(i,r)=>(f(),p("div",{class:"f-empty",style:R(o(u))},[k("div",$r,[i.$slots.default?S(i.$slots,"default",{key:0}):(f(),p(U,{key:1},[i.imageSrc?(f(),D(o(xt),{key:0,src:i.imageSrc,width:i.imageSize},null,8,["src","width"])):(f(),D(o(q),{key:1,icon:o(Ts),size:i.iconSize},null,8,["icon","size"]))],64))]),k("span",Cr,H(l.value),1),i.$slots.footer?(f(),p("div",wr,[S(i.$slots,"footer")])):w("",!0)],4))}}),it=T(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:l}=G(e,"select"),u=l(["width"]),i=A(!1),r=A(),c=A(!0),s=A(""),d=A(!1),m=A(!1),y=async(F,I,E)=>{await Ne(),I!==e.modelValue&&E&&a(e.onChange,F,I,E),n.value=F,s.value=I==null?void 0:I.toString(),d.value=!1},v=async F=>{var E;await Ne(),m.value=F;const I=(E=r.value)==null?void 0:E.querySelector(".f-option.f-option__active");I&&I instanceof Node&&I.scrollIntoView({block:"end"})},b=F=>{m.value=F,d.value=F},h=()=>{i.value=!1,c.value||(s.value="")},C=()=>{i.value=!0},$=()=>{d.value=!0};return pe(()=>n.value,F=>{F||(s.value="")}),ue(jt,ne({inputValue:s,isFiltering:d,modelValue:n,isTrigger:m,filter:e.filter,setValue:y,onBeforeChange:e.onBeforeChange})),(F,I)=>(f(),p("div",{class:"f-select",style:R(o(u))},[M(o(at),{trigger:"click",disabled:F.disabled,width:F.width,"on-open":v,"on-close":b},{content:N(()=>[k("div",{ref_key:"selectContentRef",ref:r,class:"f-select__content"},[c.value?S(F.$slots,"default",{key:0}):(f(),D(o(it),{key:1,content:"暂无数据"}))],512)]),default:N(()=>[M(o(Pe),{modelValue:s.value,"onUpdate:modelValue":I[0]||(I[0]=E=>s.value=E),readonly:!F.filter,name:F.name,size:F.size,disabled:F.disabled,width:F.width,placeholder:F.placeholder,clear:F.clear,"on-focus":C,"on-blur":h,"on-input":F.filter?$:void 0},{after:N(()=>[M(o(q),{color:"#bababa",class:V(["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=T(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:l,classes:u}=G(e,"calendar"),{generateCalendar:i}=Kn(e),r=B(()=>An(e.date)?e.date:new Date),c=ne({year:r.value.getFullYear(),month:r.value.getMonth()+1,date:r.value.getDate()}),s=B(()=>i(c.year,c.month)),d=B(()=>n("calendar").value.weekList),v={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=Y=>{v[Y]&&v[Y]()},h=Y=>{const{target:x,day:K}=Y;x==="prev"&&v[x](),x==="next"&&v[x](),x==="current"&&(c.date=K,a(e.onChangeDate,c.year,c.month,c.date))},C=pe(()=>c.month,Y=>{a(e.onChangeMonth,c.year,Y,c.date)}),$=pe(()=>c,()=>{a(e.onChange,c.year,c.month,c.date)},{deep:!0}),F=(Y,x)=>x===c.date&&Y===c.month?"f-calendar__day-today":"";Ge(()=>{$(),C()});const I=l(["borderColor","dayCellHeight","weekCellHeight"]),E=u(["border"],"f-calendar");return(Y,x)=>(f(),p("div",{class:V(o(E)),style:R(o(I))},[Y.showHeader?(f(),p("header",zr,[M(o(q),{icon:o(Ye),onClick:x[0]||(x[0]=K=>b("prev"))},null,8,["icon"]),k("div",Lr,[M(o(He),{modelValue:c.year,"onUpdate:modelValue":x[1]||(x[1]=K=>c.year=K),width:116},{default:N(()=>[(f(),p(U,null,Z(200,K=>M(o(Oe),{key:K,value:1900+K},{default:N(()=>[X(H(1900+K),1)]),_:2},1032,["value"])),64))]),_:1},8,["modelValue"]),M(o(He),{modelValue:c.month,"onUpdate:modelValue":x[2]||(x[2]=K=>c.month=K),width:116},{default:N(()=>[(f(),p(U,null,Z(12,K=>M(o(Oe),{key:K,value:K},{default:N(()=>[X(H(K),1)]),_:2},1032,["value"])),64))]),_:1},8,["modelValue"]),M(o(se),{type:"default",onClick:x[3]||(x[3]=K=>b("current"))},{default:N(()=>[X("今天")]),_:1})]),M(o(q),{icon:o(Ie),onClick:x[4]||(x[4]=K=>b("next"))},null,8,["icon"])])):w("",!0),k("div",Ir,[(f(!0),p(U,null,Z(d.value,(K,Ce)=>(f(),p("div",{key:Ce,class:"f-calendar__week-item"},H(K),1))),128))]),k("div",Pr,[(f(!0),p(U,null,Z(s.value,(K,Ce)=>(f(),p("div",{key:Ce,class:V(["f-calendar__day-item",{"f-calendar__day-current":K.target==="current",[F(K.month,K.day)]:K.target==="current"}]),onClick:dt=>h(K)},[k("span",Tr,H(K.day),1),Y.lunar?(f(),p("span",Vr,H(K.lunarFestival||K.festival||K.term||K.lunar),1)):w("",!0)],10,Er))),128))])],6))}}),qt=T(Mr),Br={title:_(),round:g(),padding:z(),shadow:_(void 0,t=>["hover","always"].includes(t)),borderColor:_(),background:_(),titleColor:_(),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=A(!0),{run:a}=j(),{classes:l,styles:u}=G(e,"card"),i=l(["round","shadow"],"f-card"),r=u(["padding","borderColor","background","titleColor"]),c=()=>{n.value=!1,a(e.onClose,n.value)};return(s,d)=>(f(),D(ce,{name:"f-card"},{default:N(()=>[n.value?(f(),p("div",{key:0,class:V(o(i)),style:R(o(r))},[s.$slots.header||s.title?(f(),p("header",Ar,[k("span",{class:V(["f-card__title",{"f-card__title-bold":s.titleBold}])},[S(s.$slots,"header",{},()=>[X(H(s.title),1)])],2),s.close?(f(),D(o($e),{key:0,"on-click":c})):w("",!0)])):w("",!0),k("main",Nr,[S(s.$slots,"default")])],6)):w("",!0)]),_:3}))}}),Rr=T(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:_(),background:g(),size:_("middle",t=>ae.includes(t)),columnGap:z(),rowGap:z(),onChange:P()},Yt=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(),l=B({get:()=>u&&u.modelValue||e.modelValue,set:m=>{if(!u){n.value=m,a(e.onChange,m);return}u.setChange(m)}}),u=le(Yt,null),i=B(()=>{const m=l.value;return fe(m)?m.includes(e.label):lt(m)?m:m===e.label}),r=B(()=>!!(u&&u.disabled)),c=B(()=>e.disabled||r.value),{classes:s}=G(ne({checked:i,disabled:c}),"checkbox"),d=s(["checked","disabled"],"f-checkbox");return(m,y)=>(f(),p("label",{role:"checkbox","aria-checked":"false",tabindex:"0","aria-labelledby":"chk1-label",class:V(o(d))},[re(k("input",{"onUpdate:modelValue":y[0]||(y[0]=v=>l.value=v),type:"checkbox",class:"f-checkbox__input",hidden:"",value:m.label,disabled:m.disabled||!!o(u)&&o(u).disabled},null,8,Gr),[[dn,l.value]]),o(u)&&o(u).background?w("",!0):(f(),p("span",jr)),k("span",Ur,[S(m.$slots,"default"),!m.$slots.default&&m.showLabel?(f(),p(U,{key:0},[X(H(m.label),1)],64)):w("",!0)])],2))}}),Se=T(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:l,styles:u}=G(e,"checkbox-group"),i=s=>{n.value=s,a(e.onChange,s)};ue(Yt,ne({..._e(e),setChange:i}));const r=u(["columnGap","rowGap"]),c=l(["background","vertical","size"],"f-checkbox-group");return(s,d)=>(f(),p("div",{role:"group","aria-label":"checkbox-group",class:V(o(c)),style:R(o(r))},[S(s.$slots,"default")],6))}}),Kt=T(qr),Yr={visible:{...g(),required:!0},title:_(),appendToBody:g(),width:z(),fullscreen:g(),showMask:g(!0),maskClose:g(!0),maskOpacity:O(),maskBackground:_(),showHeader:g(!0),maskBlur:g(),showCloseIcon:g(!0),closeIcon:W(),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:l}=G(e,"dialog"),{closeVisible:u,maskClose:i}=Rt(e,n),{handleOpen:r,handleOpenEnd:c,handleClose:s,handleCloseEnd:d}=Ot(e),m=a(["width","zIndex","maskBackground","maskOpacity"],["maskOpacity","zIndex"]),y=l(["fullscreen","maskBlur"],"f-dialog");return(v,b)=>(f(),D(Ue,{to:"body",disabled:!v.appendToBody},[M(ce,{name:"f-dialog__trans",onBeforeEnter:o(r),onAfterEnter:o(c),onBeforeLeave:o(s),onAfterLeave:o(d)},{default:N(()=>[re(k("div",{role:"dialog","aria-modal":"true",tabindex:"-1",class:V(o(y)),style:R(o(m))},[v.showMask?(f(),p("div",Kr)):w("",!0),k("div",{class:"f-dialog__wrapper",onClick:b[0]||(b[0]=de((...h)=>o(i)&&o(i)(...h),["self"]))},[M(ce,{name:"f-dialog__container-trans"},{default:N(()=>[re(k("div",Zr,[v.showHeader?(f(),p("header",Wr,[k("div",Xr,[S(v.$slots,"headerBefore")]),k("div",Jr,H(v.title),1),k("div",Qr,[S(v.$slots,"headerAfter",{},()=>[v.showCloseIcon?(f(),D(o($e),{key:0,round:"",color:"#3c4043",size:30,icon:v.closeIcon,"on-click":o(u)},{default:N(()=>[S(v.$slots,"closeIcon")]),_:3},8,["icon","on-click"])):w("",!0)])])])):w("",!0),v.$slots.default?(f(),p("section",ea,[S(v.$slots,"default")])):w("",!0),v.$slots.footer?(f(),p("footer",ta,[S(v.$slots,"footer")])):w("",!0)],512),[[be,n.value]])]),_:3})])],6),[[be,n.value]])]),_:3},8,["onBeforeEnter","onAfterEnter","onBeforeLeave","onAfterLeave"])],8,["disabled"]))}}),oa=T(na),sa={position:_("center",t=>["left","center","right"].includes(t)),vertical:g(),color:_(),fontColor:_(),margin:z(),height:z(),background:_(),type:_("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"),l=n(["vertical","position"],"f-divider"),u=a(["color","margin","background","fontColor","height","type"]);return(i,r)=>(f(),p("div",{role:"separator",class:V(o(l)),style:R(o(u))},[!i.vertical||!i.$slots.default?(f(),p("span",la,[S(i.$slots,"default")])):w("",!0)],6))}}),aa=T(ra),ia={visible:g(),appendToBody:g(),direction:_("right",t=>["left","top","right","bottom"].includes(t)),title:_(),showMask:g(!0),showHeader:g(!0),maskClose:g(!0),maskBlur:g(),maskOpacity:O(),maskBackground:_(),showCloseIcon:g(!0),closeIcon:W(),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:l}=G(e,"drawer"),{closeVisible:u,maskClose:i}=Rt(e,n),{handleOpen:r,handleOpenEnd:c,handleClose:s,handleCloseEnd:d}=Ot(e),m=a(["width","zIndex","maskBackground","maskOpacity"],["zIndex","maskOpacity"]),y=l(["fullscreen","maskBlur","direction"],"f-drawer");return(v,b)=>(f(),D(Ue,{to:"body",disabled:!v.appendToBody},[M(ce,{name:"f-drawer__trans",onBeforeEnter:o(r),onAfterEnter:o(c),onBeforeLeave:o(s),onAfterLeave:o(d)},{default:N(()=>[re(k("div",{role:"dialog","aria-modal":"true",tabindex:"-1",class:V(o(y)),style:R(o(m))},[v.showMask?(f(),p("div",ca)):w("",!0),k("div",{class:"f-drawer__wrapper",onClick:b[0]||(b[0]=de((...h)=>o(i)&&o(i)(...h),["self"]))},[M(ce,{name:"f-drawer__container-trans"},{default:N(()=>[re(k("div",ua,[v.showHeader?(f(),p("header",da,[S(v.$slots,"header",{},()=>[k("span",fa,H(v.title),1),v.showCloseIcon?(f(),D(o($e),{key:0,icon:v.closeIcon,"on-click":o(u)},{default:N(()=>[S(v.$slots,"closeIcon")]),_:3},8,["icon","on-click"])):w("",!0)])])):w("",!0),v.$slots.default?(f(),p("section",pa,[S(v.$slots,"default")])):w("",!0),v.$slots.footer?(f(),p("footer",ba,[S(v.$slots,"footer")])):w("",!0)],512),[[be,n.value]])]),_:3})])],6),[[be,n.value]])]),_:3},8,["onBeforeEnter","onAfterEnter","onBeforeLeave","onAfterLeave"])],8,["disabled"]))}}),ha=T(ma),_a={imageList:ve([]),round:g(),expandIndex:O(0),color:_(),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:l}=j(),u=A(e.expandIndex),i=(d,m,y)=>{u.value=m,l(e.onChange,d,m,y)},r=B(()=>{const{imageList:d}=e;return fe(d)?d.map(m=>me(m)?{url:m}:Le(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)=>r.value.length?(f(),p("div",{key:0,class:V(o(c)),style:R(o(s))},[(f(!0),p(U,null,Z(r.value,(y,v)=>(f(),p("div",{key:v,class:V(["f-expand-card__item",{"f-expand-card__active":v===u.value}]),style:R({backgroundImage:`url(${y.url})`}),onClick:b=>i(b,v,y)},[y.text?(f(),p("div",ga,H(y.text),1)):w("",!0)],14,va))),128))],6)):w("",!0)}}),ka=T(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(l,u)=>(f(),p("footer",{class:"f-footer",style:R(o(a))},[S(l.$slots,"default")],4))}}),wa=T(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(l,u)=>(f(),p("header",{role:"banner",class:"f-header",style:R(o(a))},[S(l.$slots,"default")],4))}}),za=T(Fa),La={visible:g(),imgList:ve([]),modalClose:g(!0),appendToBody:g(),isCloseBtn:g(!0),showIndex:O(0),zIndex:O(),isOption:g(!0),round:_(),onClose:P()},Ia={round:g(),size:_("middle",t=>ae.includes(t)),background:_(),textColor:_(),fixed:g(),width:z(),height:z(),onClick:P()},Pa=L({name:"FToolbar",__name:"toolbar",props:Ia,setup(t){const e=t,n=ze(),{run:a}=j(),{classes:l,styles:u}=G(e,"toolbar"),i=s=>{if(!n.default)return;const d=s.target;if(d.className===Mt){const m=d.getAttribute(Vt);a(e.onClick,m,s)}},r=l(["size","round","fixed"],"f-toolbar"),c=u(["textColor","background","width","height"]);return(s,d)=>(f(),p("div",{role:"toolbar",class:V(o(r)),style:R(o(c)),onClick:i},[S(s.$slots,"default")],6))}}),Zt=T(Pa),Ea={color:_(),icon:W(),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"),l=r=>{n(e.onClick,r)},u=a(["color"]),i=Vt;return(r,c)=>(f(),p("span",$t({class:o(Mt),[o(i)||""]:r.index,style:o(u),onClick:l}),[r.icon?(f(),D(o(q),{key:0,size:r.iconSize,icon:r.icon},null,8,["size","icon"])):w("",!0),S(r.$slots,"default")],16))}}),we=T(Ta),Va=k("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:l,rotate:u,smaller:i,bigger:r,scrollZoom:c,recovery:s,rotateClockwise:d,rotateCounterClock:m}=Yn(),y=A(e.showIndex>e.imgList.length-1?0:e.showIndex),v=()=>{fe(e.imgList)&&e.imgList.forEach(I=>{const E=new Image;E.src=I})},b={next:()=>{if(y.value{if(y.value>0){y.value--;return}y.value=e.imgList.length-1}},h=I=>{s(),a(b[I])},C={1:i,2:r,3:s,4:d,5:m},$=I=>{I&&a(C[I])},F=I=>{n.value=!1,a(e.onClose,I)};return(I,E)=>(f(),D(Ue,{to:"body",disabled:!I.appendToBody},[M(ce,{name:"f-image-preview__transition",onBeforeEnter:v},{default:N(()=>[re(k("div",{class:"f-image-preview",style:R({zIndex:I.zIndex}),onMousewheel:E[0]||(E[0]=(...Y)=>o(c)&&o(c)(...Y))},[Va,k("div",{class:"f-image-preview__container",onClick:de(F,["self"])},[M(ce,{name:"f-image-preview__wrapper-transition"},{default:N(()=>[re(k("div",Ma,[k("img",{class:"f-image-preview__node",draggable:"false",src:I.imgList[y.value],style:R({transform:`scale(${o(l)}) rotate(${o(u)}deg)`,borderRadius:I.round})},null,12,Ba)],512),[[be,n.value]])]),_:1}),I.isOption?(f(),D(o(Zt),{key:0,class:"f-image-preview__option",round:"","on-click":$},{default:N(()=>[M(o(we),{icon:o(ts),index:1},null,8,["icon"]),M(o(we),{icon:o(Zo),index:2},null,8,["icon"]),M(o(we),{icon:o(So),index:3},null,8,["icon"]),M(o(we),{icon:o(No),index:4},null,8,["icon"]),M(o(we),{icon:o(Eo),index:5},null,8,["icon"])]),_:1})):w("",!0),I.imgList.length>1?(f(),p(U,{key:1},[M(o(se),{class:"f-image-preview__next",circle:"","before-icon":o(Ie),"on-click":()=>h("next")},null,8,["before-icon","on-click"]),M(o(se),{class:"f-image-preview__prev",circle:"","before-icon":o(Ye),"on-click":()=>h("prev")},null,8,["before-icon","on-click"])],64)):w("",!0),M(o(se),{class:"f-image-preview__close",circle:"","before-icon":o(st),"on-click":F},null,8,["before-icon"])])],36),[[be,n.value]])]),_:1})],8,["disabled"]))}}),Na=T(Aa),Da={direction:_(void 0,t=>["horizontal","vertical"].includes(t))},Ra=L({name:"FLayout",__name:"layout",props:Da,setup(t){const e=t,n=ze(),a=B(()=>e.direction==="vertical"?!0:e.direction==="horizontal"?!1:n&&n.default?n.default().some(u=>{const i=u.type.name;return i==="FHeader"||i==="FFooter"}):!1);return(l,u)=>(f(),p("section",{class:V(["f-layout",{"f-layout__vertical":a.value}])},[S(l.$slots,"default")],2))}}),Oa=T(Ra),Ha={type:_(void 0,t=>ke.includes(t)),href:_(),size:z(),state:_(void 0,t=>["line","background"].includes(t)),disabled:g(),target:_("_self",t=>Nn.includes(t)),color:_(),hoverColor:_(),noCopy:g(),noLink:g(),beforeIcon:W(),afterIcon:W(),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:l,styles:u}=G(n(["type"],["primary"]),"link"),i=s=>{(e.disabled||e.noLink)&&s.preventDefault(),!e.disabled&&a(e.onClick,s)},r=l(["type","state","disabled","noCopy"],"f-link"),c=u(["size","color","hoverColor"]);return(s,d)=>(f(),p("div",{role:"link",class:V(o(r)),style:R(o(c))},[k("a",{class:"f-link__a",href:s.href,target:s.target,onClick:de(i,["stop"])},[s.beforeIcon?(f(),D(o(q),{key:0,icon:s.beforeIcon,size:s.size},null,8,["icon","size"])):w("",!0),S(s.$slots,"default"),s.afterIcon?(f(),D(o(q),{key:1,icon:s.afterIcon,size:s.size},null,8,["icon","size"])):w("",!0)],8,Ga)],6))}}),Ua=T(ja),xa={zebra:g(),center:g(),textColor:_(),borderColor:_(),size:_("middle",t=>ae.includes(t)),maxHeight:z(),zebraColor:_()},Wt=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(Wt,e);const{classes:n,styles:a}=G(e,"list"),l=a(["borderColor","maxHeight","zebraColor"]),u=n(["zebra","center","size"],"f-list");return(i,r)=>(f(),p("ul",{role:"list",class:V(o(u)),style:R(o(l))},[i.$slots.header?(f(),p("header",qa,[S(i.$slots,"header")])):w("",!0),S(i.$slots,"default"),i.$slots.footer?(f(),p("footer",Ya,[S(i.$slots,"footer")])):w("",!0)],6))}}),Za=T(Ka),Wa={background:_(),color:_()},Xa=L({name:"FListItem",__name:"list-item",props:Wa,setup(t){const e=t,n=le(Wt,null),{styles:a}=G(ne({borderColor:n&&n.borderColor,textColor:e.color||n&&n.textColor,background:e.background}),"list-item"),l=a(["textColor","borderColor","background"]);return(u,i)=>(f(),p("li",{role:"listitem",class:"f-list-item",style:R(o(l))},[S(u.$slots,"default")],4))}}),Ja=T(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(l,u)=>(f(),p("main",{role:"main",class:"f-main",style:R(o(a))},[S(l.$slots,"default")],4))}}),ti=T(ei),ni={icon:W(),iconSize:z("16px"),backText:_(),title:_(),titleBold:g(),titleColor:_(),titleCenter:g(),subtitle:_(),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(),l=B(()=>a("pageHeader").value.backText),u=i=>{n(e.onBack,i)};return(i,r)=>(f(),p("header",oi,[k("div",{class:"f-page-header__left",onClick:u},[M(o(q),{size:i.iconSize},{default:N(()=>[S(i.$slots,"icon",{},()=>[(f(),D(Ee(i.icon||o(io))))])]),_:3},8,["size"]),k("div",si,H(l.value),1)]),k("div",{class:V(["f-page-header__main",{"f-page-header__main-center":i.titleCenter}])},[k("div",{style:R({color:i.titleColor}),class:V(["f-page-header__main-title",{"f-page-header__main-title-bold":i.titleBold}])},[S(i.$slots,"title",{},()=>[X(H(i.title),1)])],6),i.subtitle||i.$slots.subtitle?(f(),p("div",li,[S(i.$slots,"subtitle",{},()=>[X(H(i.subtitle),1)])])):w("",!0)],2)]))}}),ai=T(ri),ii={percentage:O(0),state:_("line",t=>["line","circle"].includes(t)),type:_("primary",t=>ke.includes(t)),height:z(),showText:g(!0),diameter:O(400),outsideText:g(),textColor:_(),color:_(),background:_(),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"),l=B(()=>ee(e.diameter)?e.diameter/2:100),u=B(()=>(l.value-mt)*2*Math.PI),i=B(()=>{const c=u.value-u.value*(e.percentage/100);return c<=0?0:c>u.value?u.value:c}),r=B(()=>({"--progress-stroke-dasharray":u.value,"--progress-stroke-dashoffset":i.value}));return(c,s)=>(f(),p("svg",{role:"progressbar",class:V(o(a)),width:o(e).diameter,height:o(e).diameter,style:R(r.value),"aria-value":o(e).percent,"aria-valuemin":0,"aria-valuemax":100},[k("circle",{class:"f-progress__girth",fill:"transparent","stroke-width":"12",stroke:"green",cx:l.value,cy:l.value,r:l.value-o(mt)},null,8,ui),o(e).showText?(f(),p("text",{key:0,"font-size":"24",fill:"grey","text-anchor":"middle","alignment-baseline":"middle",x:l.value,y:l.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"),l=n(["type","stripe","state"],"f-progress"),u=a(["height","color","textColor","background"]),i=B(()=>({"--progress-width":`${e.percent}%`}));return(r,c)=>(f(),p("div",{role:"progressbar",class:V(o(l)),style:R([o(u),i.value]),"aria-value":o(e).percent,"aria-valuemin":0,"aria-valuemax":100},[k("div",bi,[k("div",mi,[!o(e).outsideText&&o(e).showText?(f(),p("div",hi,H(o(e).percent)+"% ",1)):w("",!0)])]),o(e).outsideText&&o(e).showText?(f(),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=B(()=>{const{percentage:a}=e;return ee(a)?e.percentage>=100?100:e.percentage<=0?0:e.percentage:(Te("f-progress","`percentage` is not a number"),0)});return ue(ct,ne({..._e(e),percent:n})),(a,l)=>a.state==="circle"?(f(),D(o(fi),{key:0})):(f(),D(o(vi),{key:1}))}}),yi=T(gi),ki={modelValue:{type:[String,Number,Boolean],default:()=>null},disabled:g(),name:_("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:_("middle",t=>ae.includes(t)),onChange:P()},Xt=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(),l=B({get:()=>u&&u.modelValue||e.modelValue,set:m=>{if(u&&!r.value){a(u.changeEvent,m);return}c.value||(n.value=m,a(e.onChange,m))}}),u=le(Xt,null),i=B(()=>l.value===e.label),r=B(()=>!!(u&&u.disabled)),c=B(()=>e.disabled||r.value),{classes:s}=G(ne({checked:i,disabled:c}),"radio"),d=s(["checked","disabled"],"f-radio");return(m,y)=>{var v;return f(),p("label",{role:"radio","aria-checked":"false",tabindex:"0",class:V(o(d))},[re(k("input",{"onUpdate:modelValue":y[0]||(y[0]=b=>l.value=b),hidden:"",type:"radio",value:m.label,disabled:m.disabled,name:m.name},null,8,Ci),[[fn,l.value]]),(v=o(u))!=null&&v.background?w("",!0):(f(),p("span",wi)),k("span",Si,[S(m.$slots,"default",{},()=>[X(H(m.label),1)])])],2)}}}),zi=T(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:l,classes:u}=G(e,"radio-group"),i=s=>{n.value=s,a(e.onChange,s)},r=u(["vertical","background","size"],"f-radio-group"),c=l(["columnGap","rowGap"]);return ue(Xt,ne({..._e(e),changeEvent:i})),(s,d)=>(f(),p("div",{role:"radiogroup",class:V(o(r)),style:R(o(c))},[S(s.$slots,"default")],6))}}),Ii=T(Li),Pi={modelValue:O(0),max:O(5),effectColor:_("#fcc202"),invalidColor:_("#eef"),readonly:g(),icon:W(),size:z(25),textShow:g(),textColor:_(),textArr:ve(["极差","失望","一般","不错","很棒"]),textSize:z(),onChange:P()},Ei={type:_(void 0,t=>ke.includes(t)),size:z(),color:_(),background:_(),block:g(),spacing:z(),lineHeight:z(),indent:z(),bold:g(),decoration:_(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:l}=G(n(["type"]),"text"),u=a(["type","block","bold","ellipsis","center"],"f-text"),i=l(["color","background","decoration","width","size","padding","spacing","lineHeight","indent"]);return(r,c)=>(f(),p("p",{class:V(o(u)),style:R(o(i))},[S(r.$slots,"default")],6))}}),Jt=T(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(),l=A(e.modelValue),u=d=>{e.readonly||(l.value=d)},i=()=>{e.readonly||(l.value=e.modelValue)},r=d=>{e.readonly||(l.value=d,n.value=d,a(e.onChange,d))};pe(()=>e.modelValue,()=>{l.value=e.modelValue});const c=B(()=>e.textArr[o(l)-1]),s=B(()=>ee(e.max)?e.max:5);return(d,m)=>(f(),p("div",Vi,[k("div",Mi,[(f(!0),p(U,null,Z(s.value,(y,v)=>(f(),p("div",{key:v,class:V(["f-rate__star",{"f-rate__star-readonly":d.readonly}]),onMouseout:i,onMouseover:b=>u(v+1),onClick:b=>r(v+1)},[M(o(q),{size:d.size,icon:d.icon||o(jo),color:l.value>v?d.effectColor:d.invalidColor},null,8,["size","icon","color"])],42,Bi))),128))]),d.textShow?(f(),D(o(Jt),{key:0,size:d.textSize,color:d.textColor},{default:N(()=>[X(H(c.value),1)]),_:1},8,["size","color"])):w("",!0)]))}}),Ni=T(Ai),Di={ripplesColor:_(),duration:O(400),type:_(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:l}=G(a(["type"],["default"]),"ripple"),u=A(),i=l(["startOpacity","endOpacity"],!1),r=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(u.value){const{runRipples:y}=Gn(c,u.value,m);y()}};return(c,s)=>(f(),p("div",{ref_key:"rippleRef",ref:u,class:"f-ripple",style:R(o(i)),onClick:r},[S(c.$slots,"default")],4))}}),Oi=T(Ri),Hi={round:g(),difference:g(),animated:g(),rows:O(1),loading:g(),rowGap:z(),size:_("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"),l=n(["round","animated","size",{key:"difference",callback:()=>e.difference&&ee(e.rows)&&e.rows>=3}],"f-skeleton"),u=a(["rowGap"]),i=B(()=>ze().default?e.loading===!0:!0);return(r,c)=>i.value?(f(),p("div",{key:0,role:"section",class:V(o(l)),style:R(o(u))},[(f(!0),p(U,null,Z(r.rows,s=>(f(),p("div",{key:s,class:"f-skeleton__item"}))),128))],6)):S(r.$slots,"default",{key:1})}}),ji=T(Gi),Ui={open:g(),openText:_(),closeText:_(),borderColor:_(),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:l,onBeforeLeave:u,onLeave:i,onAfterLeave:r}=gl(e),c=e.opened,s=B(()=>e.disabled?c:e.opened);return(d,m)=>(f(),D(ce,{onBeforeEnter:o(n),onEnter:o(a),onAfterEnter:o(l),onBeforeLeave:o(u),onLeave:o(i),onAfterLeave:o(r)},{default:N(()=>[re(k("div",qi,[S(d.$slots,"default")],512),[[be,s.value]])]),_:3},8,["onBeforeEnter","onEnter","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave"]))}}),Ze=T(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:l}=G(e,"sticky-card"),u=A(e.open),i=()=>{u.value=!u.value,a(u.value?e.onClose:e.onOpen,u.value)},r=B(()=>{const{openText:s,closeText:d}=e,m=n("stickyCard").value;return o(u)?s||m.openText:d||m.closeText}),c=l(["borderColor"]);return(s,d)=>(f(),p("div",{class:"f-sticky-card",style:R(o(c))},[s.$slots.source?(f(),p("div",Ki,[S(s.$slots,"source")])):w("",!0),k("div",Zi,[M(o(Ze),{opened:u.value},{default:N(()=>[S(s.$slots,"default")]),_:3},8,["opened"])]),k("div",{class:V(["f-sticky-card__option",{"f-sticky-card__option-open":u.value}]),onClick:i},[k("span",Wi,H(r.value),1)],2)],4))}}),Qt=T(Xi),Ji={modelValue:{...g(),required:!0},size:_(void 0,t=>ae.includes(t)),disabled:g(),loading:g(),icon:W(),closeColor:_(),activeColor:_(),activeText:_(),closeText:_(),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:l}=he(e),{styles:u,classes:i}=G(l(["size"]),"switch"),r=()=>{e.disabled||e.loading||(n.value=!n.value,a(e.onChange,!e.modelValue))},c=u(["closeColor","activeColor"]),s=i(["size","square"],"f-switch__input");return(d,m)=>(f(),p("div",{role:"switch",class:V(["f-switch",{"f-switch__disabled":d.disabled||d.loading}]),style:R(o(c))},[d.closeText?(f(),p("span",{key:0,class:V(["f-switch__right-text",{"f-switch__text-active":!n.value}])},H(d.closeText),3)):w("",!0),k("div",{class:V([o(s),{"f-switch__active":n.value}]),onClick:de(r,["stop"])},[k("span",{class:V(["f-switch__roll",{"f-switch__roll-active":n.value}])},[d.icon&&!d.loading?(f(),D(o(q),{key:0,icon:d.icon,size:d.iconSize},null,8,["icon","size"])):w("",!0),d.loading?(f(),D(o(q),{key:1,class:"f-switch__loading-animation",icon:o(Ft),size:d.iconSize},null,8,["icon","size"])):w("",!0)],2)],2),d.activeText?(f(),p("span",{key:1,class:V(["f-switch__left-text",{"f-switch__text-active":n.value}])},H(d.activeText),3)):w("",!0)],6))}}),ec=T(Qi),tc={type:_(void 0,t=>ke.includes(t)),close:g(),round:g(),background:_(),color:_(),beforeIcon:W(),afterIcon:W(),size:_(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:l,styles:u}=G(n(["size","type"]),"tag"),i=l(["simple","type","size","block","round","line"],"f-tag"),r=u(["color","background"]),c=s=>{a(e.onClose,s)};return(s,d)=>(f(),D(ce,{name:"f-tag",appear:""},{default:N(()=>[k("div",{class:V(o(i)),style:R(o(r)),onClick:d[0]||(d[0]=(...m)=>s.onClick&&s.onClick(...m))},[s.beforeIcon?(f(),D(o(q),{key:0,icon:s.beforeIcon},null,8,["icon"])):w("",!0),S(s.$slots,"default"),s.afterIcon?(f(),D(o(q),{key:1,icon:s.afterIcon},null,8,["icon"])):w("",!0),s.close?(f(),D(o($e),{key:2,size:14,"on-click":c})):w("",!0)],6)]),_:3}))}}),oc=T(nc),sc={content:z(),position:_("bottom",t=>["top","bottom","right","left"].includes(t)),disabled:g(),state:_("hover",t=>["hover","active","always"].includes(t)),noArrow:g(),bold:g(),bright:g(),background:_(),fontColor:_()},lc=["f-content"],rc=L({name:"FTooltip",__name:"tooltip",props:sc,setup(t){const e=t,{classes:n,styles:a}=G(e,"tooltip"),l=n(["position","state","disabled","bold","noArrow","bright"],"f-tooltip"),u=a(["background","fontColor"]);return(i,r)=>i.$slots.default?(f(),p("div",{key:0,role:"tooltip","f-content":i.content,class:V(o(l)),style:R(o(u))},[S(i.$slots,"default")],14,lc)):w("",!0)}}),ac=T(rc),ic={modelValue:ve(),data:{type:[Object,Array],default:()=>[]},isCheck:g(),offset:O(40),onClickLabel:P()},en=Symbol("tree-props-key"),cc={model:W()},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(en,null),l=A(!1),u=B(()=>!!(e.model.children&&e.model.children.length)),i=(s,d)=>{d.disabled||(l.value=!l.value,a&&n(a.onClickLabel,s,d,l.value,a.tree))},r=B(()=>a&&ee(a.offset)&&a.offset>1?a.offset:40),c=B(()=>{const{__level:s}=e.model;return s?{"--tree-item-level-padding":`${s*r.value}px`}:{}});return(s,d)=>{var y;const m=Ct("f-tree-item");return f(),p("div",uc,[k("div",{class:V(["f-tree-item__label",{"f-tree-item__label-disabled":s.model.disabled}]),style:R(c.value),onClick:d[0]||(d[0]=v=>i(v,s.model))},[k("div",dc,[(y=o(a))!=null&&y.isCheck?(f(),D(o(Se),{key:0,label:s.model.value||s.model.label,disabled:s.model.disabled,"show-label":!1},null,8,["label","disabled"])):w("",!0),u.value?(f(),D(o(q),{key:1,class:V({"f-tree-item__icon-animation":l.value}),size:15,icon:o(Ie)},null,8,["class","icon"])):w("",!0),s.model.icon?(f(),D(o(q),{key:2,size:15,icon:s.model.icon},null,8,["icon"])):w("",!0),k("div",fc,H(s.model.label),1)]),s.$slots.options?(f(),p("div",pc,[S(s.$slots,"options")])):w("",!0)],6),M(o(Ze),{opened:l.value,"animation-time":.3},{default:N(()=>[u.value?(f(),p("div",bc,[(f(!0),p(U,null,Z(s.model.children,(v,b)=>(f(),D(m,{key:b,model:v},{options:N(()=>[S(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=(r,c=0)=>{Le(r)&&(r=[r]);const s=[];if(fe(r))for(const d of r){const m={...d,__level:c};d.children&&(m.children=a(d.children,c+1)),s.push(m)}return s},l=B(()=>a(e.data)),u=A([]),i=r=>{n.value=r};return ue(en,ne({onClickLabel:Ae(e,"onClickLabel"),isCheck:Ae(e,"isCheck"),offset:Ae(e,"offset"),tree:l})),(r,c)=>(f(),p("div",mc,[r.isCheck?(f(),D(o(Kt),{key:0,modelValue:u.value,"onUpdate:modelValue":c[0]||(c[0]=s=>u.value=s),style:{display:"block"},"on-change":i},{default:N(()=>[(f(!0),p(U,null,Z(l.value,(s,d)=>(f(),D(kt,{key:d,model:s},{options:N(()=>[S(r.$slots,"options")]),_:2},1032,["model"]))),128))]),_:3},8,["modelValue"])):(f(!0),p(U,{key:1},Z(l.value,(s,d)=>(f(),D(kt,{key:d,model:s},{options:N(()=>[S(r.$slots,"options")]),_:2},1032,["model"]))),128))]))}}),_c=T(hc),vc={content:_(),fontSize:O(40),gap:O(40),fontColor:_("#111"),zIndex:z(9999)},gc=L({name:"FWatermark",__name:"watermark",props:vc,setup(t){const e=t,n=yl(e),a=A();let l;const u=()=>{if(!a.value)return;l&&l.remove();const{base64:r,size:c}=n.value;l=document.createElement("div"),l.style.position="absolute",l.style.backgroundImage=`url(${r})`,l.style.backgroundSize=`${c}px ${c}px`,l.style.zIndex=e.zIndex.toString(),l.style.inset="0",a.value.appendChild(l)},i=new MutationObserver(r=>{for(const c of r){if(c.removedNodes&&c.removedNodes.length){const s=Array.from(c.removedNodes);for(const d of s)if(d===l){u();return}}if(c.target===l){u();return}}});return ie(()=>{a.value&&i.observe(a.value,{childList:!0,subtree:!0,attributes:!0})}),ie(u),Ge(i.disconnect),(r,c)=>(f(),p("div",{ref_key:"watermarkRef",ref:a,class:"f-watermark"},[S(r.$slots,"default")],512))}}),yc=T(gc),kc={files:ve(),accept:_(),name:_(),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(),l=A(!1),u=A(),i=()=>{u.value&&u.value.click()},r=b=>{n.value=[...n.value,...b],a(e.onLoad,b)},c=b=>{const{maxSize:h,maxLength:C}=_e(e);let $=[...b];return h.value&&($=$.filter(F=>F.size{const h=b.target.files;h&&r(c(h))},d=b=>{n.value.splice(b,1)},m=b=>{b.preventDefault(),l.value=!0},y=b=>{var C;l.value=!1;const h=(C=b.dataTransfer)==null?void 0:C.files;h&&r(c(h))},v=()=>{pe(()=>e.files,()=>{a(e.onChange,n.value)},{deep:!0})};return e.onChange&&v(),(b,h)=>(f(),p(U,null,[k("div",$c,[b.drag?(f(),p("div",{key:0,class:"f-up-load__drag",onClick:i,onDrop:de(y,["prevent"]),onDragover:de(m,["prevent"])},[S(b.$slots,"default",{},()=>[M(o(q),{icon:o(Ss)},null,8,["icon"])])],32)):(f(),p("div",{key:1,class:"f-up-load__content",onClick:i},[S(b.$slots,"default",{},()=>[M(o(se),null,{default:N(()=>[X("选择文件")]),_:1})])])),k("input",{ref_key:"inputRef",ref:u,type:"file",hidden:"",name:b.name,disabled:b.disabled,accept:b.accept,multiple:b.multiple,onChange:s},null,40,Cc)]),b.showList?(f(),p(U,{key:0},[n.value&&n.value.length?(f(),p("div",wc,[(f(!0),p(U,null,Z(n.value,(C,$)=>(f(),p("div",{key:$,class:"f-up-load__file-list-item"},[k("div",Sc,[M(o(q),{icon:o(gs)},null,8,["icon"]),X(" "+H(C.name),1)]),b.isRemove?(f(),D(o($e),{key:0,size:14,onClick:F=>d($)},null,8,["onClick"])):w("",!0)]))),128))])):w("",!0)],64)):w("",!0)],64))}}),zc=T(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:W(),nextIcon:W(),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:l,showNextMore:u,showPrevMore:i,maxCount:r,handelTurnPages:c}=dl(e,{currentModelValue:n,pageSizeModelValue:a}),{jumpCurrent:s,selectChange:d,handelChange:m,handleInput:y,handelClick:v}=fl(e,{currentModelValue:n,pageSizeModelValue:a},l,r),{classes:b}=G(e,"pagination"),h=A(10),C=b(["background","round","disabled"],qe);return($,F)=>(f(),p("div",{class:V(o(C))},[$.pageSelect&&$.pageSelect.length?(f(),D(o(He),{key:0,modelValue:h.value,"onUpdate:modelValue":F[0]||(F[0]=I=>h.value=I),width:120,disabled:$.disabled,"on-change":o(d)},{default:N(()=>[(f(!0),p(U,null,Z($.pageSelect,I=>(f(),D(o(Oe),{key:I,value:I,label:I+"/页"},null,8,["value","label"]))),128))]),_:1},8,["modelValue","disabled","on-change"])):w("",!0),k("button",{class:"f-pagination__button",disabled:$.disabled,onClick:F[1]||(F[1]=I=>o(c)("prev"))},[M(o(q),{size:14,icon:$.prevIcon||o(Ye)},null,8,["icon"])],8,Ic),$.total>0?(f(),p("div",{key:1,class:"f-pagination__pages",onClick:F[2]||(F[2]=I=>o(v)(I))},[k("div",{class:V([o(ge),{[`${o(ge)}-active`]:t.current===1}])}," 1 ",2),o(i)?(f(),p("div",{key:0,class:V([o(ge),o(Bt)])},[M(o(q),{size:15,icon:o(vt)},null,8,["icon"])],2)):w("",!0),(f(!0),p(U,null,Z(o(l),I=>(f(),p("div",{key:I,class:V([o(ge),{[`${o(ge)}-active`]:t.current===I}]),onClick:E=>o(m)(I,E)},H(I),11,Pc))),128)),o(u)?(f(),p("div",{key:1,class:V([o(ge),o(At)])},[M(o(q),{size:15,icon:o(vt)},null,8,["icon"])],2)):w("",!0),$.total>1&&$.total>Number(t.pageSize)?(f(),p("div",{key:2,class:V([o(ge),{[`${o(ge)}-active`]:t.current===o(r)}])},H(o(r)),3)):w("",!0)])):w("",!0),k("button",{class:"f-pagination__button",disabled:$.disabled,onClick:F[3]||(F[3]=I=>o(c)("next"))},[M(o(q),{size:14,icon:$.nextIcon||o(Ie)},null,8,["icon"])],8,Ec),$.jumpSearch?(f(),D(o(Pe),{key:2,modelValue:o(s),"onUpdate:modelValue":F[4]||(F[4]=I=>wt(s)?s.value=I:null),placeholder:"输入跳转的页数",class:"f-pagination__jump",style:{width:"80px"},disabled:$.disabled,"on-blur":o(y),"on-enter":o(y)},null,8,["modelValue","disabled","on-blur","on-enter"])):w("",!0)],2))}}),Vc=T(Tc),Mc={data:ve(),columns:ve(),align:_("left",t=>["left","center","right"].includes(t)),border:g(),select:g(),num:g(),zebra:g(),zebraColor:_(),height:z(),width:z(),bgColor:_(),headBgColor:_(),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:l}=G(e,"table"),u=(b,h,C,$)=>b(Ve,h,C,$),i=(b,h,C)=>b(Ve,h,C),r=a(["zebraColor","bgColor","headBgColor","height","width"]),c=l(["border","zebra"],"f-table"),s=B(()=>!!(e.height&&e.showHead)),d=A([]),m=B({get:()=>d.value.length?(d.value||[]).every(b=>b._select):!1,set:b=>{const h=(d.value||[]).map(C=>(C._select=b,C));return d.value=h,v(),b}});pe(()=>e.data,()=>{if(fe(e.data)||(d.value=[]),e.select){const b=e.data.map(h=>({...h,_select:!1}));d.value=b;return}d.value=e.data},{immediate:!0});const v=()=>{const b=(d.value||[]).filter(h=>h._select);n(e.onSelect,b)};return(b,h)=>(f(),p("div",{role:"table",class:V(o(c)),style:R(o(r))},[k("div",Bc,[b.columns||d.value?(f(),p(U,{key:0},[s.value?(f(),p("div",Ac,[k("table",Nc,[k("colgroup",null,[b.select?(f(),p("col",Dc)):w("",!0),b.num?(f(),p("col",Rc)):w("",!0),(f(!0),p(U,null,Z(b.columns,(C,$)=>(f(),p("col",{key:$,width:C.width},null,8,Oc))),128))]),k("thead",{align:b.align},[k("tr",null,[b.select?(f(),p("th",Gc,[M(o(Se),{modelValue:m.value,"onUpdate:modelValue":h[0]||(h[0]=C=>m.value=C),disabled:!d.value.length},null,8,["modelValue","disabled"])])):w("",!0),b.num?(f(),p("th",jc,"#")):w("",!0),(f(!0),p(U,null,Z(b.columns,(C,$)=>(f(),p("th",{key:$},[o(Xe)(C.title)?(f(),D(Ee(i(C.title,C,$)),{key:0})):(f(),p(U,{key:1},[X(H(C.title),1)],64))]))),128))])],8,Hc)])])):w("",!0),k("div",Uc,[d.value&&d.value.length?(f(),p("table",xc,[k("colgroup",null,[b.select?(f(),p("col",qc)):w("",!0),b.num?(f(),p("col",Yc)):w("",!0),(f(!0),p(U,null,Z(b.columns,(C,$)=>(f(),p("col",{key:$,span:1,width:C.width},null,8,Kc))),128))]),s.value?w("",!0):(f(),p("thead",{key:0,align:b.align},[k("tr",null,[b.select?(f(),p("th",Wc,[M(o(Se),{modelValue:m.value,"onUpdate:modelValue":h[1]||(h[1]=C=>m.value=C),disabled:!d.value.length},null,8,["modelValue","disabled"])])):w("",!0),b.num?(f(),p("th",Xc,"#")):w("",!0),(f(!0),p(U,null,Z(b.columns,(C,$)=>(f(),p("th",{key:$},[o(Xe)(C.title)?(f(),D(Ee(i(C.title,C,$)),{key:0})):(f(),p(U,{key:1},[X(H(C.title),1)],64))]))),128))])],8,Zc)),k("tbody",{align:b.align},[(f(!0),p(U,null,Z(d.value,(C,$)=>(f(),p("tr",{key:$},[b.select?(f(),p("td",Qc,[M(o(Se),{modelValue:C._select,"onUpdate:modelValue":F=>C._select=F,"on-change":v},null,8,["modelValue","onUpdate:modelValue"])])):w("",!0),b.num?(f(),p("td",eu,H($+1),1)):w("",!0),(f(!0),p(U,null,Z(b.columns,(F,I)=>(f(),p("td",{key:I},[F.render?(f(),D(Ee(u(F.render,C,F,$)),{key:0})):(f(),p(U,{key:1},[F.key?(f(),p(U,{key:0},[X(H(C[F.key]),1)],64)):w("",!0)],64))]))),128))]))),128))],8,Jc),b.$slots.tfoot?(f(),p("tfoot",tu,[S(b.$slots,"tfoot")])):w("",!0)])):(f(),p(U,{key:1},[k("table",nu,[k("colgroup",null,[b.select?(f(),p("col",ou)):w("",!0),b.num?(f(),p("col",su)):w("",!0),(f(!0),p(U,null,Z(b.columns,(C,$)=>(f(),p("col",{key:$,span:1,width:C.width},null,8,lu))),128))]),s.value?w("",!0):(f(),p("thead",{key:0,align:b.align},[k("tr",null,[b.select?(f(),p("th",au,[M(o(Se),{modelValue:m.value,"onUpdate:modelValue":h[2]||(h[2]=C=>m.value=C),disabled:!d.value.length},null,8,["modelValue","disabled"])])):w("",!0),b.num?(f(),p("th",iu,"#")):w("",!0),(f(!0),p(U,null,Z(b.columns,(C,$)=>(f(),p("th",{key:$},[o(Xe)(C.title)?(f(),D(Ee(i(C.title,C,$)),{key:0})):(f(),p(U,{key:1},[X(H(C.title),1)],64))]))),128))])],8,ru))]),k("div",cu,[S(b.$slots,"noData",{},()=>[M(o(it),{content:"暂无数据"})])])],64))])],64)):(f(),p("table",uu,[S(b.$slots,"default")]))])],6))}}),fu=T(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),l=u=>{e.disabled||(n(a&&a.close),n(e.onClick,u))};return(u,i)=>(f(),p("div",{class:V(["f-dropdown-item",{"f-dropdown-item__disabled":u.disabled}]),onClick:l},[S(u.$slots,"default")],2))}}),mu=T(bu),hu={modelValue:{...z(),required:!0},rows:z(),disabled:g(),autoHeight:g(),maxLength:O(),autofocus:g(),name:_("f-textarea"),placeholder:_(),readonly:g(),fontSize:z(),onInput:P(),resize:_(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:l,handleChange:u}=Et(e,n),{classes:i,styles:r}=G(e,"textarea"),{run:c}=j(),s=A(),d=i(["disabled","autoHeight"],"f-textarea"),m=r(["resize","fontSize"]),y=async()=>{!s.value||!e.autoHeight||(await Ne(),s.value.style.height=s.value.scrollHeight+"px")},v=h=>{a(h),y()},b=h=>{h.key==="Enter"&&h.ctrlKey&&(h.preventDefault(),c(e.onEnter,n.value,h))};return ie(y),(h,C)=>(f(),p("div",{class:V(o(d)),style:R(o(m))},[re(k("textarea",{ref_key:"textareaRef",ref:s,"onUpdate:modelValue":C[0]||(C[0]=$=>n.value=$),class:"f-textarea__textarea",rows:h.rows,disabled:h.disabled,readonly:h.readonly,autofocus:h.autofocus,placeholder:h.placeholder,name:h.name,onInput:v,onChange:C[1]||(C[1]=(...$)=>o(u)&&o(u)(...$)),onBlur:C[2]||(C[2]=(...$)=>h.onBlur&&h.onBlur(...$)),onFocus:C[3]||(C[3]=(...$)=>h.onFocus&&h.onFocus(...$)),onKeydown:b},null,40,_u),[[pn,n.value]]),h.clear?(f(),D(o(q),{key:0,class:"f-textarea__clear-btn",icon:o(st),size:14,"on-click":o(l)},null,8,["icon","on-click"])):w("",!0)],6))}}),gu=T(vu),yu={modelValue:O(0),model:_("default",t=>["default","button","switch"].includes(t)),precision:O(0),buttonType:_(void 0,t=>ke.includes(t)),step:O(1),size:_("middle",t=>ae.includes(t)),disabled:g(),max:O(),min:O(),maxLength:O(),autofocus:g(),name:_("f-input-number"),placeholder:_(),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(),l=B(()=>{const{step:r,min:c}=e;return!c&&!ee(c)?!1:n.value-Math.abs(r){const{step:r,max:c}=e;return!c&&!ee(c)?!1:n.value+Math.abs(r)>c}),i=r=>{const{disabled:c,readonly:s,step:d}=e;if(c||s)return;a({minus:()=>{n.value-=d},plus:()=>{n.value+=d}}[r]),a(e.onChange,n.value)};return(r,c)=>(f(),p("div",{role:"input",class:V(["f-input-number",{"f-input-number__button":r.model==="button"}])},[r.model==="button"?(f(),D(o(se),{key:0,class:"f-input-number__minus",type:r.buttonType||"primary",size:r.size,disabled:r.disabled||l.value,"before-icon":o(Ye),"on-click":()=>i("minus")},null,8,["type","size","disabled","before-icon","on-click"])):w("",!0),k("div",ku,[M(o(Pe),{modelValue:n.value,"onUpdate:modelValue":c[0]||(c[0]=s=>n.value=s),type:"number",max:r.max,min:r.min,disabled:r.disabled,readonly:r.readonly,autofocus:r.autofocus,name:r.name,size:r.size,clear:r.clear,placeholder:r.placeholder,"on-blur":r.onBlur,"on-focus":r.onFocus,"on-input":r.onInput,"on-change":r.onChange},{after:N(()=>[r.model==="switch"?(f(),p("div",{key:0,class:V(["f-input-number__switch",`f-input-number__switch-${r.size}`])},[M(o(se),{disabled:r.disabled||u.value,size:r.size,type:r.buttonType||"default","before-icon":o(Us),onclick:()=>i("plus")},null,8,["disabled","size","type","before-icon","onclick"]),M(o(se),{disabled:r.disabled||l.value,size:r.size,type:r.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"])]),r.model==="button"?(f(),D(o(se),{key:1,class:"f-input-number__plus",type:r.buttonType||"primary",size:r.size,disabled:r.disabled||u.value,"before-icon":o(Ie),"on-click":()=>i("plus")},null,8,["type","size","disabled","before-icon","on-click"])):w("",!0)],2))}}),Cu=T($u),wu={modelValue:z(),position:_("top",t=>["left","right","top","bottom"].includes(t)),type:_("line",t=>["line","card","segment"].includes(t)),justifyContent:_(void 0,t=>["flex-start","center","flex-end","space-between","space-around","space-evenly"].includes(t)),trigger:_("click",t=>["click","hover"].includes(t)),onSwitch:P()},tn=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:l}=G(e,"tabs"),u=A(0),i=new Map,r=bn(),c=$=>{const F=fe($)?$:[$],I=[];return F.forEach(E=>{fe(E)?I.push(...c(E)):pt(E)&&fe(E.children)?I.push(...c(E.children)):pt(E)&&E.component&&I.push(E)}),I},s=($,F)=>$.subTree?c($.subTree.children).filter(E=>Le(E.type)&&E.type.name===F):[],d=je(),m=$=>{i.set($.uid,$);const I=s(d,Pu).map(E=>E.component?E.component.uid:null).filter(Boolean);if(r.value=I.map(E=>i.get(E)).filter(Boolean),n.value){u.value=n.value;return}r.value&&r.value.length&&r.value[0].activeName&&(u.value=r.value[0].activeName)},y=B(()=>r.value&&r.value.map(($,F)=>($.activeName=$.activeName||F,{name:$.activeName,label:$.label})));ue(tn,{activeName:u,registerChild:m});const v=async $=>{let F=!0;e.onSwitch&&(F=await e.onSwitch($)),!(lt(F)&&!F)&&(u.value=$,n.value=$)},b=a(["position","type"],"f-tabs"),h=l(["justifyContent"]),C=B(()=>e.trigger==="hover"?"mouseenter":"click");return($,F)=>(f(),p("div",{role:"tab",class:V(o(b)),style:R(o(h))},[k("div",Su,[$.$slots.prefix?(f(),p("div",Fu,[S($.$slots,"prefix")])):w("",!0),k("div",zu,[(f(!0),p(U,null,Z(y.value,(I,E)=>(f(),p("div",mn({key:E,class:["f-tabs__nav-item",{"f-tabs__nav-active":I.name===u.value}]},{[hn(C.value)]:Y=>v(I.name)}),H(I.label),17))),128))]),$.$slots.suffix?(f(),p("div",Lu,[S($.$slots,"suffix")])):w("",!0)]),k("div",Iu,[S($.$slots,"default")])],6))}}),Tu=T(Eu),Vu={date:_(),disabled:g(),clear:g(),size:_("middle",t=>ae.includes(t)),format:_("YYYY/MM/DD"),placeholder:_(),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,l=RegExp(/([Y]{4})|([M]{2})|([D]{2})/),u=A(),i=a.getFullYear(),r=a.getMonth()+1,c=a.getDate(),s={YYYY:i+"",MM:e.addZero?oe(r):r+"",DD:e.addZero?oe(c):c+""},d=()=>{let v=e.format;l.test(v)||(ye("f-date-picker","`format` is not a standard format, default format will be used"),v="YYYY/MM/DD");for(const b in s)v=v.replace(b,s[b].toString());n.value=v},m=(v,b,h)=>{s.YYYY=v+"",s.MM=e.addZero?oe(b):b+"",s.DD=e.addZero?oe(h):h+""},y=(v,b)=>{u.value.close(v),b&&d()};return(v,b)=>(f(),p("div",Mu,[M(o(Ke),{ref_key:"triggerInstance",ref:u,trigger:"click",disabled:v.disabled},{content:N(()=>[k("div",Bu,[M(o(qt),{date:o(a),"onUpdate:date":b[1]||(b[1]=h=>wt(a)?a.value=h:null),"day-cell-height":42,"week-cell-height":42,"on-change":m},null,8,["date"]),k("div",Au,[M(o(se),{size:"mini",onClick:b[2]||(b[2]=h=>y(h,!1))},{default:N(()=>[X("取消")]),_:1}),M(o(se),{type:"primary",size:"mini",onClick:b[3]||(b[3]=h=>y(h,!0))},{default:N(()=>[X(" 确定 ")]),_:1})])])]),default:N(()=>[M(o(Pe),{modelValue:n.value,"onUpdate:modelValue":b[0]||(b[0]=h=>n.value=h),autocomplete:"off",readonly:"",disabled:v.disabled,placeholder:v.placeholder||"请选择日期",clear:v.clear,size:v.size,"after-icon":o(rl)},null,8,["modelValue","disabled","placeholder","clear","size","after-icon"])]),_:1},8,["disabled"])]))}}),Du=T(Nu),Ru={time:_(),disabled:g(),clear:g(),placeholder:_(),size:_("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())}),l=A(),u=(y,v=!0)=>{if(v&&!me(v)&&(e.value=`${a.hour}:${a.minute}:${a.second}`),v==="now"){const b=new Date;a.hour=oe(b.getHours()),a.minute=oe(b.getMinutes()),a.second=oe(b.getSeconds())}lt(v)&&l.value.close(y)},i=A(),r=A(),c=A(),s=(y,v)=>{y.scrollTo({top:v,behavior:"smooth"})},d=async()=>{if(await Ne(),i.value&&r.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(r.value,(Number(a.minute)-2)*y),s(c.value,(Number(a.second)-2)*y)}},m=(y,v)=>{a[v]=oe(y)};return pe(()=>a,d,{deep:!0}),(y,v)=>(f(),p("div",Ou,[M(o(Ke),{ref_key:"triggerInstance",ref:l,trigger:"click",disabled:y.disabled,"on-open":d},{content:N(()=>[k("div",Hu,[k("div",{ref_key:"hoverRef",ref:i,class:"f-time-picker__hour"},[(f(),p(U,null,Z(24,b=>k("div",{key:b,class:V(["f-time-picker__hour-item",{"f-time-picker__hour-active":o(oe)(b===24?0:b).toString()===a.hour}]),onClick:de(h=>m(b===24?0:b,"hour"),["stop"])},H(o(oe)(b===24?0:b)),11,Gu)),64))],512),k("div",{ref_key:"minuteRef",ref:r,class:"f-time-picker__minute"},[(f(),p(U,null,Z(59,b=>k("div",{key:b,class:V(["f-time-picker__minute-item",{"f-time-picker__minute-active":o(oe)(b).toString()===a.minute}]),onClick:de(h=>m(b,"minute"),["stop"])},H(o(oe)(b)),11,ju)),64))],512),k("div",{ref_key:"secondRef",ref:c,class:"f-time-picker__second"},[(f(),p(U,null,Z(59,b=>k("div",{key:b,class:V(["f-time-picker__second-item",{"f-time-picker__second-active":o(oe)(b).toString()===a.second}]),onClick:de(h=>m(b,"second"),["stop"])},H(o(oe)(b)),11,Uu)),64))],512)]),k("div",xu,[M(o(se),{size:"mini",onClick:v[1]||(v[1]=b=>u(b,"now"))},{default:N(()=>[X("当前")]),_:1}),M(o(se),{size:"mini",onClick:v[2]||(v[2]=b=>u(b,!1))},{default:N(()=>[X("取消")]),_:1}),M(o(se),{type:"primary",size:"mini",onClick:v[3]||(v[3]=b=>u(b,!0))},{default:N(()=>[X(" 确定 ")]),_:1})])]),default:N(()=>[M(o(Pe),{modelValue:e.value,"onUpdate:modelValue":v[0]||(v[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=T(qu),Ku={mode:_("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=A(e.activeName),l=B(()=>a.value),u=r=>{a.value=r};ue(ut,{mode:Ae(e,"mode"),defaultActive:l,setActiveName:u,onMenuItemClick:e.onMenuItemClick,onSubmenuClick:e.onSubmenuClick});const i=n(["mode"],"f-menu");return(r,c)=>(f(),p("div",{role:"menu",class:V(o(i))},[r.$slots.before?(f(),p("div",Zu,[S(r.$slots,"before")])):w("",!0),k("div",Wu,[S(r.$slots,"default")]),r.$slots.after?(f(),p("div",Xu,[S(r.$slots,"after")])):w("",!0)],2))}}),Qu=T(Ju),ed={icon:W(),fontSize:z(),color:_(),to:_(),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"),l=le(ut,null),u=je(),i=s=>{if(e.disabled)return;l&&(n(l.onMenuItemClick,e.name,s),n(l.setActiveName,e.name));const d=u.appContext.config.globalProperties.$router;if(d&&e.to)try{d.push(e.to)}catch(m){ye("f-menu-item",m)}},r=B(()=>!l||!l.defaultActive?!1:e.name===l.defaultActive.value),c=a(["fontSize","color"]);return(s,d)=>(f(),p("div",{role:"menuitem",class:V(["f-menu-item",{"f-menu-item__active":r.value,"f-menu-item__disabled":s.disabled}]),style:R(o(c)),onClick:i},[s.icon?(f(),D(o(q),{key:0,icon:s.icon},null,8,["icon"])):w("",!0),k("span",td,[S(s.$slots,"default")])],6))}}),od=T(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),l=A(e.opened),u=i=>{e.disabled||(l.value=!l.value,a&&n(a.onSubmenuClick,l.value,i))};return(i,r)=>(f(),p("div",{role:"menuitem",class:V(["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"?(f(),D(o(at),{key:0,trigger:"click",spacing:5},{content:N(()=>[S(i.$slots,"default")]),default:N(()=>[k("div",ld,[k("div",rd,[i.$slots.title?S(i.$slots,"title",{key:0}):w("",!0)]),M(o(q),{icon:o(De)},null,8,["icon"])])]),_:3})):(f(),p("div",ad,[k("div",{role:"none",class:"f-submenu__title",onClick:u},[k("div",id,[S(i.$slots,"title")]),M(o(q),{class:V(["f-submenu__arrow-icon",{"f-submenu__arrow-icon-animation":l.value}]),icon:o(De)},null,8,["class","icon"])]),k("div",cd,[M(o(Ze),{opened:l.value,"animation-time":.27},{default:N(()=>[S(i.$slots,"default")]),_:3},8,["opened"])])]))],2))}}),dd=T(ud),fd={title:_()},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)=>(f(),p("div",pd,[k("div",bd,H(e.title),1),k("div",md,[S(e.$slots,"default")])]))}}),_d=T(hd),vd={modelValue:O(0),step:O(1),min:O(0),max:O(100),disabled:g(),background:_(),activeColor:_(),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:l}=G(e,"slider"),u=A(),i=A(),{offset:r,offsetLeft:c,setPosition:s}=ul(u,e,n);ie(()=>{i.value&&(to(i.value,c,y=>{if(e.disabled)return;const v=y*100/u.value.clientWidth;s(v)}),s((e.modelValue-e.min)*100/(e.max-e.min)))});const d=l(["disabled"],"f-slider"),m=a(["background","activeColor","width"]);return(y,v)=>(f(),p("div",{ref_key:"sliderEl",ref:u,role:"slider",class:V(o(d)),style:R(o(m))},[k("div",gd,[k("div",{class:"f-slider__selected",style:R(`width: ${o(r)}%`)},null,4),k("div",{ref_key:"circleEl",ref:i,class:"f-slider__icon",style:R(`left: ${o(r)}%`)},null,4)])],6))}}),kd=T(yd),$d=L({name:"FFightingGlobal",__name:"fighting-global",props:jn,setup(t){const e=t,{interceptors:n}=Dn(e),a=B(()=>n("type",()=>ke.includes(e.type),"default")),l=B(()=>n("size",()=>ae.includes(e.size),"middle")),u=B(()=>n("lang",()=>["en-US","zh-CN"].includes(e.lang),"zh-CN"));return ue(zt,ne({type:a.value,size:l.value,lang:u.value})),(i,r)=>S(i.$slots,"default")}}),Cd=T($d),wd={model:W(),labelWidth:z(),labelPosition:_("left",t=>["left","top"].includes(t)),onSubmit:P()},nn=Symbol("form-provide-key"),Sd=L({name:"FForm",__name:"form",props:wd,setup(t,{expose:e}){const n=t,{run:a}=j(),{childrenCheckResult:l,validate:u}=vl(n),i=r=>{r.preventDefault();const c=n.model?u():!0;a(n.onSubmit,c,n.model,l,r)};return ue(nn,ne({..._e(n),childrenCheckResult:l})),e({submit:i,validate:u}),(r,c)=>r.$slots.default?(f(),p("form",{key:0,role:"form",class:"f-form",novalidate:"",onsubmit:i},[S(r.$slots,"default")])):w("",!0)}}),Fd=T(Sd),zd={label:_(),name:_(),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(nn,null),a=B(()=>{const i=n&&n.childrenCheckResult[e.name];return me(i)?i:!1}),l=B(()=>({"--form-item-label-width":n&&xe(n.labelWidth)})),u=B(()=>["f-form-item",{[`f-form-item__label-${n==null?void 0:n.labelPosition}`]:n==null?void 0:n.labelPosition}]);return(i,r)=>(f(),p("div",{class:V(u.value),style:R(l.value)},[i.label?(f(),p("label",Ld,H(i.label),1)):w("",!0),k("div",Id,[S(i.$slots,"default"),M(ce,{name:"f-form-item__err-transition"},{default:N(()=>[a.value?(f(),p("div",Pd,H(a.value),1)):w("",!0)]),_:1})])],6))}}),Td=T(Ed),Vd={role:_(),padding:z(),width:z(),height:z(),background:_(),display:_()},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(l,u)=>(f(),p("div",{class:"f-box",role:l.role||"none",style:R(o(a))},[S(l.$slots,"default")],12,Md))}}),Ad=T(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=A(),l=()=>new IntersectionObserver(u=>{u[0].isIntersecting&&n(e.onScrollEnd)},{rootMargin:xe(e.distance)});return ie(()=>{a.value&&l().observe(a.value)}),(u,i)=>(f(),p("div",Dd,[S(u.$slots,"default"),k("div",{ref_key:"loadingRef",ref:a,class:"f-infinite-scrolling__loading"},"加载中...",512)]))}}),Od=T(Rd),Hd={from:O(0),to:O(),approximateTime:O(2e3),localeString:g(),styles:W(),automatic:g(!0),onAnimationEnd:P()},Gd=L({name:"FNumberAnimate",__name:"number-animate",props:Hd,setup(t,{expose:e}){const n=t,{run:a}=j(),l=A(n.from),u=A(!1),i=d=>{u.value&&(l.value=n.from,u.value=!1);const m=Number(n.to);if(!ee(Number(l.value))||!ee(m)){ye("f-number-animate","Expected value is not a number");return}if(l.value+=m/n.approximateTime*20,l.value>=m){l.value=m,a(n.onAnimationEnd,d);return}window&&window.requestAnimationFrame(i)},r=B(()=>n.localeString?l.value.toLocaleString():l.value),c=(d=!0)=>{u.value=d,window&&window.requestAnimationFrame(i)};return ie(()=>{n.automatic&&c(!1)}),e({run:()=>{c()}}),(d,m)=>(f(),p("div",{class:"f-number-animate",style:R(d.styles)},H(r.value),5))}}),jd=T(Gd),Ud={time:z(0),interval:z(1e3),format:_("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:l,pause:u,reset:i,current:r}=hl({time:+n.time,millisecond:n.millisecond,interval:+n.interval,onFinish:()=>{a(n.onFinish)}}),c=(d,m)=>{const{days:y}=m;let{hours:v,minutes:b,seconds:h,milliseconds:C}=m;const $=(F,I=2)=>(F+"").padStart(I,"0");if(d.includes("DD")?d=d.replace("DD",$(y)):v+=y*24,d.includes("HH")?d=d.replace("HH",$(v)):b+=v*60,d.includes("mm")?d=d.replace("mm",$(b)):h+=b*60,d.includes("ss")?d=d.replace("ss",$(h)):C+=h*1e3,d.includes("S")){const F=$(C,3);d.includes("SSS")?d=d.replace("SSS",F):d.includes("SS")?d=d.replace("SS",F.slice(0,2)):d=d.replace("S",F.charAt(0))}return d},s=B(()=>c(n.format,r.value));return pe(()=>n.time,()=>{i(+n.time),n.autoStart&&l()},{immediate:!0}),e({current:r,start:l,pause:u,reset:i}),(d,m)=>(f(),p("div",xd,[d.$slots.default?w("",!0):(f(),p("span",qd,H(s.value),1)),S(d.$slots,"default",$t(_n(o(r))))]))}}),Kd=T(Yd),Zd=L({name:"FAvatarGroup",__name:"avatar-group",props:El,setup(t){const e=t,{styles:n}=G(e,"avatar-group");ue(Ht,e);const a=A();ie(()=>{if(a.value){const i=a.value.querySelectorAll(".f-avatar");i&&i.length&&i.forEach((r,c)=>{r.style.zIndex=(i.length-c).toString()})}});const u=n(["positionSize"]);return(i,r)=>(f(),p("div",{ref_key:"avatarGroupRef",ref:a,role:"group",class:"f-avatar-group",style:R(o(u))},[S(i.$slots,"default")],4))}}),Wd=T(Zd),Xd={name:z(),label:_(),lazy:g()},Jd=L({name:"FTabsItem",__name:"tabs-item",props:Xd,setup(t){const e=t,n=je(),a=A(e.name),l=le(tn,null),u=ne({activeName:a,uid:n.uid,label:e.label}),i=B(()=>l?l.activeName.value===a.value?!0:!e.lazy:!1),r=B(()=>l?l.activeName.value===u.activeName:!1);return ie(()=>{l&&l.registerChild(u)}),(c,s)=>i.value?re((f(),p("div",{key:0,class:V(["f-tabs-item",{"f-tabs-item__active":r.value}]),role:"tabpanel"},[S(c.$slots,"default")],2)),[[be,r.value]]):w("",!0)}}),Qd=T(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:qt,FCard:Rr,FCheckbox:Se,FCheckboxGroup:Kt,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:xt,FImagePreview:Na,FInfiniteScrolling:Od,FInput:Pe,FInputNumber:Cu,FLayout:Oa,FLink:Ua,FList:Za,FListItem:Ja,FMain:ti,FMenu:Qu,FMenuItem:od,FMenuItemGroup:_d,FMessage:Lt,FNotification:It,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:Qt,FSubmenu:dd,FSvgIcon:q,FSwap:Ut,FSwitch:ec,FTable:fu,FTabs:Tu,FTabsItem:Qd,FTag:oc,FText:Jt,FTextarea:gu,FTimePicker:Yu,FToolbar:Zt,FToolbarItem:we,FTooltip:ac,FTree:_c,FTrigger:Ke,FUpLoad:zc,FWatermark:yc},Symbol.toStringTag,{value:"Module"})),tf="1.0.0-alpha.8",nf=T({directive:Rn(cl(),"loading")}),of=t=>(qn(ef).forEach(([e,n])=>{t.component(e,n)}),t.config.globalProperties.FMessage=Lt,t.config.globalProperties.FNotification=It,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文件上传uploadfile",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}=St(),n=A(""),a=A(!1),l=A(),u=()=>{n.value&&(l.value=lf.filter(c=>c.rule.includes(n.value)),l.value&&l.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=""},r=()=>{setTimeout(()=>{a.value=!1},800)};return(c,s)=>{const d=Ct("f-input");return f(),p("div",rf,[M(d,{modelValue:n.value,"onUpdate:modelValue":s[0]||(s[0]=m=>n.value=m),type:"text",autocomplete:"off",placeholder:"搜索组件","on-enter":u,"on-blur":r,class:V({dark:o(e)})},null,8,["modelValue","class"]),a.value&&l.value&&l.value.length?(f(),p("div",{key:0,class:V(["vp-search__result",{dark:o(e)}]),onClick:de(i,["stop"])},[(f(!0),p(U,null,Z(l.value,(m,y)=>(f(),p("a",{class:V(["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 Ve(bt.Layout,null,{"nav-bar-content-before":()=>Ve(uf)})},enhanceApp({app:t}){t.use(sf),t.component("vp-demo",Qt)}};function on(t){if(t.extends){const e=on(t.extends);return{...e,...t,async enhanceApp(n){e.enhanceApp&&await e.enhanceApp(n),t.enhanceApp&&await t.enhanceApp(n)}}}return t}const Fe=on(df),ff=L({name:"VitePressApp",setup(){const{site:t}=St();return ie(()=>{tt(()=>{document.documentElement.lang=t.value.lang,document.documentElement.dir=t.value.dir})}),In(),Pn(),En(),Fe.setup&&Fe.setup(),()=>Ve(Fe.Layout)}});async function pf(){const t=mf(),e=bf();e.provide(gn,t);const n=yn(t.route);return e.provide(kn,n),e.component("Content",$n),e.component("ClientOnly",Cn),Object.defineProperties(e.config.globalProperties,{$frontmatter:{get(){return n.frontmatter.value}},$params:{get(){return n.page.value.params}}}),Fe.enhanceApp&&await Fe.enhanceApp({app:e,router:t,siteData:wn}),{app:e,router:t,data:n}}function bf(){return Sn(ff)}function mf(){let t=Je,e;return Fn(n=>{let a=zn(n);return t&&(e=a),(t||e===a)&&(a=a.replace(/\.js$/,".lean.js")),Je&&(t=!1),Ln(()=>import(a),[])},Fe.NotFound)}Je&&pf().then(({app:t,router:e,data:n})=>{e.go().then(()=>{vn(e.route,n.site),t.mount("#app")})});export{pf as createApp};
diff --git a/assets/components_alert.md.0da9bf0f.lean.js b/assets/components_alert.md.b274b202.js
similarity index 79%
rename from assets/components_alert.md.0da9bf0f.lean.js
rename to assets/components_alert.md.b274b202.js
index 39ea1ba6b..fbe90b33b 100644
--- a/assets/components_alert.md.0da9bf0f.lean.js
+++ b/assets/components_alert.md.b274b202.js
@@ -1,14 +1,14 @@
-import{d as i,c as v,C as t,y as o,v as l,M as F,A as d,o as f,a as s,b as p,K as u,L as h,_ as E}from"./chunks/framework.a8ebc9a3.js";import{F as D}from"./chunks/index.36ec2e32.js";const e=r=>(u("data-v-526d1c90"),r=r(),h(),r),C=F('

Alert 警告

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

基本使用

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

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

Alert 警告

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

基本使用

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

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

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"},ll={href:"https://github.com/HeHasGun",target:"_blank"},sl={href:"https://github.com/long-life233",target:"_blank"},ol={href:"https://github.com/w2xi",target:"_blank"},pl=JSON.parse('{"title":"Alert 警告","description":"","frontmatter":{},"headers":[],"relativePath":"components/alert.md","filePath":"components/alert.md","lastUpdated":1718863115000}'),tl={name:"components/alert.md"},al=i({...tl,setup(r){const y=["把大象放进冰箱需要几步?","第一步:打开冰箱门","第二步:把大象装进去","第三步:关好冰箱门"];return(el,cl)=>{const a=d("f-alert"),c=d("vp-demo"),n=d("f-avatar");return f(),v("div",null,[C,t(c,{source:""},{source:o(()=>[t(a,{type:"default"},{default:o(()=>[s("默认提示信息")]),_:1}),t(a,{type:"primary"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger"},{default:o(()=>[s("危险提示信息")]),_:1}),t(a,{type:"warning"},{default:o(()=>[s("警告提示信息")]),_:1}),t(a,{type:"info"},{default:o(()=>[s("信息提示信息")]),_:1})]),default:o(()=>[_]),_:1}),m,A,t(c,{source:""},{source:o(()=>[t(a,{"font-size":12,type:"default"},{default:o(()=>[s("默认提示信息")]),_:1}),t(a,{"font-size":14,type:"primary"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{"font-size":16,type:"success"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{"font-size":"20px",type:"danger"},{default:o(()=>[s("危险提示信息")]),_:1}),t(a,{"font-size":"24px",type:"warning"},{default:o(()=>[s("警告提示信息")]),_:1}),t(a,{"font-size":"27px",type:"info"},{default:o(()=>[s("信息提示信息")]),_:1})]),default:o(()=>[g]),_:1}),b,B,t(c,{source:""},{source:o(()=>[t(a,{type:"default"},{default:o(()=>[s("未加粗的默认提示信息")]),_:1}),t(a,{type:"primary",bold:""},{default:o(()=>[s("加粗的主要提示信息")]),_:1}),t(a,{type:"success",bold:""},{default:o(()=>[s("加粗的成功提示信息")]),_:1}),t(a,{type:"danger",bold:""},{default:o(()=>[s("加粗的危险提示信息")]),_:1})]),default:o(()=>[k]),_:1}),x,P,t(c,{source:""},{source:o(()=>[t(a,{type:"default"},{default:o(()=>[s("未居中的默认提示信息")]),_:1}),t(a,{type:"primary",center:""},{default:o(()=>[s("居中的主要提示信息")]),_:1}),t(a,{type:"success",center:""},{default:o(()=>[s("居中的成功提示信息")]),_:1}),t(a,{type:"danger",center:""},{default:o(()=>[s("居中的危险提示信息")]),_:1})]),default:o(()=>[I]),_:1}),z,S,t(c,{source:""},{source:o(()=>[t(a,{type:"primary",close:""},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success",close:""},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger",close:""},{default:o(()=>[s("危险提示信息")]),_:1})]),default:o(()=>[q]),_:1}),w,H,t(c,{source:""},{source:o(()=>[t(a,{simple:"",type:"default"},{default:o(()=>[s("默认提示信息")]),_:1}),t(a,{simple:"",type:"primary"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{simple:"",type:"success"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{simple:"",type:"danger"},{default:o(()=>[s("危险提示信息")]),_:1}),t(a,{simple:"",type:"warning"},{default:o(()=>[s("警告提示信息")]),_:1}),t(a,{simple:"",type:"info"},{default:o(()=>[s("信息提示信息")]),_:1})]),default:o(()=>[N]),_:1}),L,V,t(c,{source:""},{source:o(()=>[t(a,{type:"primary",round:""},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success",round:""},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger",round:""},{default:o(()=>[s("危险提示信息")]),_:1})]),default:o(()=>[T]),_:1}),M,j,t(c,{source:""},{source:o(()=>[t(a,{type:"primary",background:"#58c8de"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success",background:"#e372ff"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger",background:"#e49b33"},{default:o(()=>[s("危险提示信息")]),_:1})]),default:o(()=>[G]),_:1}),J,K,t(c,{source:""},{source:o(()=>[t(a,{type:"primary",title:"Hello~"},{default:o(()=>[s("今天代码写的很愉快!")]),_:1}),t(a,{type:"success",title:"标题"},{default:o(()=>[s("心情很不错")]),_:1})]),default:o(()=>[O]),_:1}),U,Q,t(c,{source:""},{source:o(()=>[t(a,{"alert-list":y,title:"你知道吗?",type:"primary"})]),default:o(()=>[R]),_:1}),W,t(c,{source:""},{source:o(()=>[t(a,{type:"default","before-icon":p(D)},{default:o(()=>[s("默认提示信息")]),_:1},8,["before-icon"]),t(a,{type:"primary","before-icon":p(D)},{default:o(()=>[s("主要提示信息")]),_:1},8,["before-icon"]),t(a,{type:"success","before-icon":p(D)},{default:o(()=>[s("成功提示信息")]),_:1},8,["before-icon"]),t(a,{type:"danger","before-icon":p(D)},{default:o(()=>[s("危险提示信息")]),_:1},8,["before-icon"])]),default:o(()=>[X]),_:1}),Y,l("a",Z,[t(n,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),l("a",$,[t(n,{round:"",src:"https://avatars.githubusercontent.com/u/19302222?v=4"})]),l("a",ll,[t(n,{round:"",src:"https://avatars.githubusercontent.com/u/66313154?v=4"})]),l("a",sl,[t(n,{round:"",src:"https://avatars.githubusercontent.com/u/77321887?v=4"})]),l("a",ol,[t(n,{round:"",src:"https://avatars.githubusercontent.com/u/57785259?v=4"})])])}}});const Dl=E(al,[["__scopeId","data-v-526d1c90"]]);export{pl as __pageData,Dl as default}; +`),l("span",{class:"line"},[l("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"},ll={href:"https://github.com/HeHasGun",target:"_blank"},sl={href:"https://github.com/long-life233",target:"_blank"},ol={href:"https://github.com/w2xi",target:"_blank"},pl=JSON.parse('{"title":"Alert 警告","description":"","frontmatter":{},"headers":[],"relativePath":"components/alert.md","filePath":"components/alert.md","lastUpdated":1718865452000}'),tl={name:"components/alert.md"},al=f({...tl,setup(c){const d=["把大象放进冰箱需要几步?","第一步:打开冰箱门","第二步:把大象装进去","第三步:关好冰箱门"];return(el,nl)=>{const a=F("f-alert"),n=F("vp-demo"),r=F("f-avatar");return b(),i("div",null,[E,t(n,{source:""},{source:o(()=>[t(a,{type:"default"},{default:o(()=>[s("默认提示信息")]),_:1}),t(a,{type:"primary"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger"},{default:o(()=>[s("危险提示信息")]),_:1}),t(a,{type:"warning"},{default:o(()=>[s("警告提示信息")]),_:1}),t(a,{type:"info"},{default:o(()=>[s("信息提示信息")]),_:1})]),default:o(()=>[C]),_:1}),_,m,t(n,{source:""},{source:o(()=>[t(a,{"font-size":12,type:"default"},{default:o(()=>[s("默认提示信息")]),_:1}),t(a,{"font-size":14,type:"primary"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{"font-size":16,type:"success"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{"font-size":"20px",type:"danger"},{default:o(()=>[s("危险提示信息")]),_:1}),t(a,{"font-size":"24px",type:"warning"},{default:o(()=>[s("警告提示信息")]),_:1}),t(a,{"font-size":"27px",type:"info"},{default:o(()=>[s("信息提示信息")]),_:1})]),default:o(()=>[A]),_:1}),g,B,t(n,{source:""},{source:o(()=>[t(a,{type:"default"},{default:o(()=>[s("未加粗的默认提示信息")]),_:1}),t(a,{type:"primary",bold:""},{default:o(()=>[s("加粗的主要提示信息")]),_:1}),t(a,{type:"success",bold:""},{default:o(()=>[s("加粗的成功提示信息")]),_:1}),t(a,{type:"danger",bold:""},{default:o(()=>[s("加粗的危险提示信息")]),_:1})]),default:o(()=>[k]),_:1}),x,P,t(n,{source:""},{source:o(()=>[t(a,{type:"default"},{default:o(()=>[s("未居中的默认提示信息")]),_:1}),t(a,{type:"primary",center:""},{default:o(()=>[s("居中的主要提示信息")]),_:1}),t(a,{type:"success",center:""},{default:o(()=>[s("居中的成功提示信息")]),_:1}),t(a,{type:"danger",center:""},{default:o(()=>[s("居中的危险提示信息")]),_:1})]),default:o(()=>[I]),_:1}),z,S,t(n,{source:""},{source:o(()=>[t(a,{type:"primary",close:""},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success",close:""},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger",close:""},{default:o(()=>[s("危险提示信息")]),_:1})]),default:o(()=>[q]),_:1}),w,H,t(n,{source:""},{source:o(()=>[t(a,{simple:"",type:"default"},{default:o(()=>[s("默认提示信息")]),_:1}),t(a,{simple:"",type:"primary"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{simple:"",type:"success"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{simple:"",type:"danger"},{default:o(()=>[s("危险提示信息")]),_:1}),t(a,{simple:"",type:"warning"},{default:o(()=>[s("警告提示信息")]),_:1}),t(a,{simple:"",type:"info"},{default:o(()=>[s("信息提示信息")]),_:1})]),default:o(()=>[N]),_:1}),L,V,t(n,{source:""},{source:o(()=>[t(a,{type:"primary",round:""},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success",round:""},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger",round:""},{default:o(()=>[s("危险提示信息")]),_:1})]),default:o(()=>[T]),_:1}),M,j,t(n,{source:""},{source:o(()=>[t(a,{type:"primary",background:"#58c8de"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success",background:"#e372ff"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger",background:"#e49b33"},{default:o(()=>[s("危险提示信息")]),_:1})]),default:o(()=>[G]),_:1}),J,K,t(n,{source:""},{source:o(()=>[t(a,{type:"primary",title:"Hello~"},{default:o(()=>[s("今天代码写的很愉快!")]),_:1}),t(a,{type:"success",title:"标题"},{default:o(()=>[s("心情很不错")]),_:1})]),default:o(()=>[O]),_:1}),U,Q,t(n,{source:""},{source:o(()=>[t(a,{"alert-list":d,title:"你知道吗?",type:"primary"})]),default:o(()=>[R]),_:1}),W,t(n,{source:""},{source:o(()=>[t(a,{type:"default","before-icon":p(D)},{default:o(()=>[s("默认提示信息")]),_:1},8,["before-icon"]),t(a,{type:"primary","before-icon":p(D)},{default:o(()=>[s("主要提示信息")]),_:1},8,["before-icon"]),t(a,{type:"success","before-icon":p(D)},{default:o(()=>[s("成功提示信息")]),_:1},8,["before-icon"]),t(a,{type:"danger","before-icon":p(D)},{default:o(()=>[s("危险提示信息")]),_:1},8,["before-icon"])]),default:o(()=>[X]),_:1}),Y,l("a",Z,[t(r,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),l("a",$,[t(r,{round:"",src:"https://avatars.githubusercontent.com/u/19302222?v=4"})]),l("a",ll,[t(r,{round:"",src:"https://avatars.githubusercontent.com/u/66313154?v=4"})]),l("a",sl,[t(r,{round:"",src:"https://avatars.githubusercontent.com/u/77321887?v=4"})]),l("a",ol,[t(r,{round:"",src:"https://avatars.githubusercontent.com/u/57785259?v=4"})])])}}});const Dl=h(al,[["__scopeId","data-v-e3f5b8f2"]]);export{pl as __pageData,Dl as default}; diff --git a/assets/components_alert.md.0da9bf0f.js b/assets/components_alert.md.b274b202.lean.js similarity index 79% rename from assets/components_alert.md.0da9bf0f.js rename to assets/components_alert.md.b274b202.lean.js index 39ea1ba6b..fbe90b33b 100644 --- a/assets/components_alert.md.0da9bf0f.js +++ b/assets/components_alert.md.b274b202.lean.js @@ -1,14 +1,14 @@ -import{d as i,c as v,C as t,y as o,v as l,M as F,A as d,o as f,a as s,b as p,K as u,L as h,_ as E}from"./chunks/framework.a8ebc9a3.js";import{F as D}from"./chunks/index.36ec2e32.js";const e=r=>(u("data-v-526d1c90"),r=r(),h(),r),C=F('

Alert 警告

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

基本使用

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

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

Alert 警告

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

基本使用

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

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

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"},ll={href:"https://github.com/HeHasGun",target:"_blank"},sl={href:"https://github.com/long-life233",target:"_blank"},ol={href:"https://github.com/w2xi",target:"_blank"},pl=JSON.parse('{"title":"Alert 警告","description":"","frontmatter":{},"headers":[],"relativePath":"components/alert.md","filePath":"components/alert.md","lastUpdated":1718863115000}'),tl={name:"components/alert.md"},al=i({...tl,setup(r){const y=["把大象放进冰箱需要几步?","第一步:打开冰箱门","第二步:把大象装进去","第三步:关好冰箱门"];return(el,cl)=>{const a=d("f-alert"),c=d("vp-demo"),n=d("f-avatar");return f(),v("div",null,[C,t(c,{source:""},{source:o(()=>[t(a,{type:"default"},{default:o(()=>[s("默认提示信息")]),_:1}),t(a,{type:"primary"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger"},{default:o(()=>[s("危险提示信息")]),_:1}),t(a,{type:"warning"},{default:o(()=>[s("警告提示信息")]),_:1}),t(a,{type:"info"},{default:o(()=>[s("信息提示信息")]),_:1})]),default:o(()=>[_]),_:1}),m,A,t(c,{source:""},{source:o(()=>[t(a,{"font-size":12,type:"default"},{default:o(()=>[s("默认提示信息")]),_:1}),t(a,{"font-size":14,type:"primary"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{"font-size":16,type:"success"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{"font-size":"20px",type:"danger"},{default:o(()=>[s("危险提示信息")]),_:1}),t(a,{"font-size":"24px",type:"warning"},{default:o(()=>[s("警告提示信息")]),_:1}),t(a,{"font-size":"27px",type:"info"},{default:o(()=>[s("信息提示信息")]),_:1})]),default:o(()=>[g]),_:1}),b,B,t(c,{source:""},{source:o(()=>[t(a,{type:"default"},{default:o(()=>[s("未加粗的默认提示信息")]),_:1}),t(a,{type:"primary",bold:""},{default:o(()=>[s("加粗的主要提示信息")]),_:1}),t(a,{type:"success",bold:""},{default:o(()=>[s("加粗的成功提示信息")]),_:1}),t(a,{type:"danger",bold:""},{default:o(()=>[s("加粗的危险提示信息")]),_:1})]),default:o(()=>[k]),_:1}),x,P,t(c,{source:""},{source:o(()=>[t(a,{type:"default"},{default:o(()=>[s("未居中的默认提示信息")]),_:1}),t(a,{type:"primary",center:""},{default:o(()=>[s("居中的主要提示信息")]),_:1}),t(a,{type:"success",center:""},{default:o(()=>[s("居中的成功提示信息")]),_:1}),t(a,{type:"danger",center:""},{default:o(()=>[s("居中的危险提示信息")]),_:1})]),default:o(()=>[I]),_:1}),z,S,t(c,{source:""},{source:o(()=>[t(a,{type:"primary",close:""},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success",close:""},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger",close:""},{default:o(()=>[s("危险提示信息")]),_:1})]),default:o(()=>[q]),_:1}),w,H,t(c,{source:""},{source:o(()=>[t(a,{simple:"",type:"default"},{default:o(()=>[s("默认提示信息")]),_:1}),t(a,{simple:"",type:"primary"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{simple:"",type:"success"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{simple:"",type:"danger"},{default:o(()=>[s("危险提示信息")]),_:1}),t(a,{simple:"",type:"warning"},{default:o(()=>[s("警告提示信息")]),_:1}),t(a,{simple:"",type:"info"},{default:o(()=>[s("信息提示信息")]),_:1})]),default:o(()=>[N]),_:1}),L,V,t(c,{source:""},{source:o(()=>[t(a,{type:"primary",round:""},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success",round:""},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger",round:""},{default:o(()=>[s("危险提示信息")]),_:1})]),default:o(()=>[T]),_:1}),M,j,t(c,{source:""},{source:o(()=>[t(a,{type:"primary",background:"#58c8de"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success",background:"#e372ff"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger",background:"#e49b33"},{default:o(()=>[s("危险提示信息")]),_:1})]),default:o(()=>[G]),_:1}),J,K,t(c,{source:""},{source:o(()=>[t(a,{type:"primary",title:"Hello~"},{default:o(()=>[s("今天代码写的很愉快!")]),_:1}),t(a,{type:"success",title:"标题"},{default:o(()=>[s("心情很不错")]),_:1})]),default:o(()=>[O]),_:1}),U,Q,t(c,{source:""},{source:o(()=>[t(a,{"alert-list":y,title:"你知道吗?",type:"primary"})]),default:o(()=>[R]),_:1}),W,t(c,{source:""},{source:o(()=>[t(a,{type:"default","before-icon":p(D)},{default:o(()=>[s("默认提示信息")]),_:1},8,["before-icon"]),t(a,{type:"primary","before-icon":p(D)},{default:o(()=>[s("主要提示信息")]),_:1},8,["before-icon"]),t(a,{type:"success","before-icon":p(D)},{default:o(()=>[s("成功提示信息")]),_:1},8,["before-icon"]),t(a,{type:"danger","before-icon":p(D)},{default:o(()=>[s("危险提示信息")]),_:1},8,["before-icon"])]),default:o(()=>[X]),_:1}),Y,l("a",Z,[t(n,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),l("a",$,[t(n,{round:"",src:"https://avatars.githubusercontent.com/u/19302222?v=4"})]),l("a",ll,[t(n,{round:"",src:"https://avatars.githubusercontent.com/u/66313154?v=4"})]),l("a",sl,[t(n,{round:"",src:"https://avatars.githubusercontent.com/u/77321887?v=4"})]),l("a",ol,[t(n,{round:"",src:"https://avatars.githubusercontent.com/u/57785259?v=4"})])])}}});const Dl=E(al,[["__scopeId","data-v-526d1c90"]]);export{pl as __pageData,Dl as default}; +`),l("span",{class:"line"},[l("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"},ll={href:"https://github.com/HeHasGun",target:"_blank"},sl={href:"https://github.com/long-life233",target:"_blank"},ol={href:"https://github.com/w2xi",target:"_blank"},pl=JSON.parse('{"title":"Alert 警告","description":"","frontmatter":{},"headers":[],"relativePath":"components/alert.md","filePath":"components/alert.md","lastUpdated":1718865452000}'),tl={name:"components/alert.md"},al=f({...tl,setup(c){const d=["把大象放进冰箱需要几步?","第一步:打开冰箱门","第二步:把大象装进去","第三步:关好冰箱门"];return(el,nl)=>{const a=F("f-alert"),n=F("vp-demo"),r=F("f-avatar");return b(),i("div",null,[E,t(n,{source:""},{source:o(()=>[t(a,{type:"default"},{default:o(()=>[s("默认提示信息")]),_:1}),t(a,{type:"primary"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger"},{default:o(()=>[s("危险提示信息")]),_:1}),t(a,{type:"warning"},{default:o(()=>[s("警告提示信息")]),_:1}),t(a,{type:"info"},{default:o(()=>[s("信息提示信息")]),_:1})]),default:o(()=>[C]),_:1}),_,m,t(n,{source:""},{source:o(()=>[t(a,{"font-size":12,type:"default"},{default:o(()=>[s("默认提示信息")]),_:1}),t(a,{"font-size":14,type:"primary"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{"font-size":16,type:"success"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{"font-size":"20px",type:"danger"},{default:o(()=>[s("危险提示信息")]),_:1}),t(a,{"font-size":"24px",type:"warning"},{default:o(()=>[s("警告提示信息")]),_:1}),t(a,{"font-size":"27px",type:"info"},{default:o(()=>[s("信息提示信息")]),_:1})]),default:o(()=>[A]),_:1}),g,B,t(n,{source:""},{source:o(()=>[t(a,{type:"default"},{default:o(()=>[s("未加粗的默认提示信息")]),_:1}),t(a,{type:"primary",bold:""},{default:o(()=>[s("加粗的主要提示信息")]),_:1}),t(a,{type:"success",bold:""},{default:o(()=>[s("加粗的成功提示信息")]),_:1}),t(a,{type:"danger",bold:""},{default:o(()=>[s("加粗的危险提示信息")]),_:1})]),default:o(()=>[k]),_:1}),x,P,t(n,{source:""},{source:o(()=>[t(a,{type:"default"},{default:o(()=>[s("未居中的默认提示信息")]),_:1}),t(a,{type:"primary",center:""},{default:o(()=>[s("居中的主要提示信息")]),_:1}),t(a,{type:"success",center:""},{default:o(()=>[s("居中的成功提示信息")]),_:1}),t(a,{type:"danger",center:""},{default:o(()=>[s("居中的危险提示信息")]),_:1})]),default:o(()=>[I]),_:1}),z,S,t(n,{source:""},{source:o(()=>[t(a,{type:"primary",close:""},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success",close:""},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger",close:""},{default:o(()=>[s("危险提示信息")]),_:1})]),default:o(()=>[q]),_:1}),w,H,t(n,{source:""},{source:o(()=>[t(a,{simple:"",type:"default"},{default:o(()=>[s("默认提示信息")]),_:1}),t(a,{simple:"",type:"primary"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{simple:"",type:"success"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{simple:"",type:"danger"},{default:o(()=>[s("危险提示信息")]),_:1}),t(a,{simple:"",type:"warning"},{default:o(()=>[s("警告提示信息")]),_:1}),t(a,{simple:"",type:"info"},{default:o(()=>[s("信息提示信息")]),_:1})]),default:o(()=>[N]),_:1}),L,V,t(n,{source:""},{source:o(()=>[t(a,{type:"primary",round:""},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success",round:""},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger",round:""},{default:o(()=>[s("危险提示信息")]),_:1})]),default:o(()=>[T]),_:1}),M,j,t(n,{source:""},{source:o(()=>[t(a,{type:"primary",background:"#58c8de"},{default:o(()=>[s("主要提示信息")]),_:1}),t(a,{type:"success",background:"#e372ff"},{default:o(()=>[s("成功提示信息")]),_:1}),t(a,{type:"danger",background:"#e49b33"},{default:o(()=>[s("危险提示信息")]),_:1})]),default:o(()=>[G]),_:1}),J,K,t(n,{source:""},{source:o(()=>[t(a,{type:"primary",title:"Hello~"},{default:o(()=>[s("今天代码写的很愉快!")]),_:1}),t(a,{type:"success",title:"标题"},{default:o(()=>[s("心情很不错")]),_:1})]),default:o(()=>[O]),_:1}),U,Q,t(n,{source:""},{source:o(()=>[t(a,{"alert-list":d,title:"你知道吗?",type:"primary"})]),default:o(()=>[R]),_:1}),W,t(n,{source:""},{source:o(()=>[t(a,{type:"default","before-icon":p(D)},{default:o(()=>[s("默认提示信息")]),_:1},8,["before-icon"]),t(a,{type:"primary","before-icon":p(D)},{default:o(()=>[s("主要提示信息")]),_:1},8,["before-icon"]),t(a,{type:"success","before-icon":p(D)},{default:o(()=>[s("成功提示信息")]),_:1},8,["before-icon"]),t(a,{type:"danger","before-icon":p(D)},{default:o(()=>[s("危险提示信息")]),_:1},8,["before-icon"])]),default:o(()=>[X]),_:1}),Y,l("a",Z,[t(r,{round:"",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),l("a",$,[t(r,{round:"",src:"https://avatars.githubusercontent.com/u/19302222?v=4"})]),l("a",ll,[t(r,{round:"",src:"https://avatars.githubusercontent.com/u/66313154?v=4"})]),l("a",sl,[t(r,{round:"",src:"https://avatars.githubusercontent.com/u/77321887?v=4"})]),l("a",ol,[t(r,{round:"",src:"https://avatars.githubusercontent.com/u/57785259?v=4"})])])}}});const Dl=h(al,[["__scopeId","data-v-e3f5b8f2"]]);export{pl as __pageData,Dl as default}; diff --git a/assets/components_avatar-group.md.e5ad6af5.js b/assets/components_avatar-group.md.e6bfd375.js similarity index 99% rename from assets/components_avatar-group.md.e5ad6af5.js rename to assets/components_avatar-group.md.e6bfd375.js index 2f0dc9bc2..1ed93bbfb 100644 --- a/assets/components_avatar-group.md.e5ad6af5.js +++ b/assets/components_avatar-group.md.e6bfd375.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.a8ebc9a3.js";const x=JSON.parse('{"title":"Avatar Group 头像组","description":"","frontmatter":{},"headers":[],"relativePath":"components/avatar-group.md","filePath":"components/avatar-group.md","lastUpdated":1718863115000}'),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.a8ebc9a3.js";const x=JSON.parse('{"title":"Avatar Group 头像组","description":"","frontmatter":{},"headers":[],"relativePath":"components/avatar-group.md","filePath":"components/avatar-group.md","lastUpdated":1718865452000}'),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.e5ad6af5.lean.js b/assets/components_avatar-group.md.e6bfd375.lean.js similarity index 99% rename from assets/components_avatar-group.md.e5ad6af5.lean.js rename to assets/components_avatar-group.md.e6bfd375.lean.js index 971497916..606df9a48 100644 --- a/assets/components_avatar-group.md.e5ad6af5.lean.js +++ b/assets/components_avatar-group.md.e6bfd375.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.a8ebc9a3.js";const x=JSON.parse('{"title":"Avatar Group 头像组","description":"","frontmatter":{},"headers":[],"relativePath":"components/avatar-group.md","filePath":"components/avatar-group.md","lastUpdated":1718863115000}'),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.a8ebc9a3.js";const x=JSON.parse('{"title":"Avatar Group 头像组","description":"","frontmatter":{},"headers":[],"relativePath":"components/avatar-group.md","filePath":"components/avatar-group.md","lastUpdated":1718865452000}'),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.1fa97693.js b/assets/components_avatar.md.665bcf5a.js similarity index 73% rename from assets/components_avatar.md.1fa97693.js rename to assets/components_avatar.md.665bcf5a.js index b7ff2d251..d52e0b29b 100644 --- a/assets/components_avatar.md.1fa97693.js +++ b/assets/components_avatar.md.665bcf5a.js @@ -1,4 +1,4 @@ -import{_ as v,A as r,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.a8ebc9a3.js";import{F as C}from"./chunks/index.3b5750fa.js";import{F as A}from"./chunks/index.36ec2e32.js";const B={},p=e=>(u("data-v-57a98fd4"),e=e(),m(),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 d=r("f-avatar"),i=r("f-space");return h(),_(i,{spacing:"mini"},{default:o(()=>[a("div",k,[x,s(d,{fit:"fill",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",z,[S,s(d,{fit:"contain",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",q,[I,s(d,{fit:"cover",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",P,[w,s(d,{fit:"none",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",j,[N,s(d,{fit:"scale-down",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})])]),_:1})}const U=v(B,[["render",$],["__scopeId","data-v-57a98fd4"]]),c=e=>(u("data-v-c26545cd"),e=e(),m(),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(` +import{_ as v,A as r,o as b,x as g,y as o,v as a,C as s,K as h,L as u,d as _,c as E,M as F,b as D,a as t}from"./chunks/framework.a8ebc9a3.js";import{F as C}from"./chunks/index.3b5750fa.js";import{F as A}from"./chunks/index.36ec2e32.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 d=r("f-avatar"),i=r("f-space");return b(),g(i,{spacing:"mini"},{default:o(()=>[a("div",k,[x,s(d,{fit:"fill",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",z,[S,s(d,{fit:"contain",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",q,[I,s(d,{fit:"cover",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",P,[w,s(d,{fit:"none",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",j,[N,s(d,{fit:"scale-down",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})])]),_:1})}const U=v(B,[["render",$],["__scopeId","data-v-57a98fd4"]]),c=e=>(h("data-v-9dc38bc2"),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(` `),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(` @@ -13,7 +13,7 @@ import{_ as v,A as r,o as h,x as _,y as o,v as a,C as s,K as u,L as m,d as b,c a `),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=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:"#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(` @@ -32,4 +32,4 @@ import{_ as v,A as r,o as h,x as _,y as o,v as a,C as s,K as u,L as m,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":1718863115000}'),na={name:"components/avatar.md"},da=b({...na,setup(e){const y=new URL("/assets/1.aa9c3858.jpg",self.location).href;return(d,i)=>{const l=r("f-avatar"),n=r("vp-demo"),f=r("f-text"),g=r("f-space");return h(),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(f,{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=v(da,[["__scopeId","data-v-c26545cd"]]);export{Fa as __pageData,ya as default}; +`),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":1718865452000}'),na={name:"components/avatar.md"},da=_({...na,setup(e){const y=new URL("/assets/1.aa9c3858.jpg",self.location).href;return(d,i)=>{const l=r("f-avatar"),n=r("vp-demo"),m=r("f-text"),f=r("f-space");return b(),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(f,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=v(da,[["__scopeId","data-v-9dc38bc2"]]);export{Fa as __pageData,ya as default}; diff --git a/assets/components_avatar.md.1fa97693.lean.js b/assets/components_avatar.md.665bcf5a.lean.js similarity index 73% rename from assets/components_avatar.md.1fa97693.lean.js rename to assets/components_avatar.md.665bcf5a.lean.js index b7ff2d251..d52e0b29b 100644 --- a/assets/components_avatar.md.1fa97693.lean.js +++ b/assets/components_avatar.md.665bcf5a.lean.js @@ -1,4 +1,4 @@ -import{_ as v,A as r,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.a8ebc9a3.js";import{F as C}from"./chunks/index.3b5750fa.js";import{F as A}from"./chunks/index.36ec2e32.js";const B={},p=e=>(u("data-v-57a98fd4"),e=e(),m(),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 d=r("f-avatar"),i=r("f-space");return h(),_(i,{spacing:"mini"},{default:o(()=>[a("div",k,[x,s(d,{fit:"fill",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",z,[S,s(d,{fit:"contain",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",q,[I,s(d,{fit:"cover",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",P,[w,s(d,{fit:"none",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",j,[N,s(d,{fit:"scale-down",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})])]),_:1})}const U=v(B,[["render",$],["__scopeId","data-v-57a98fd4"]]),c=e=>(u("data-v-c26545cd"),e=e(),m(),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(` +import{_ as v,A as r,o as b,x as g,y as o,v as a,C as s,K as h,L as u,d as _,c as E,M as F,b as D,a as t}from"./chunks/framework.a8ebc9a3.js";import{F as C}from"./chunks/index.3b5750fa.js";import{F as A}from"./chunks/index.36ec2e32.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 d=r("f-avatar"),i=r("f-space");return b(),g(i,{spacing:"mini"},{default:o(()=>[a("div",k,[x,s(d,{fit:"fill",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",z,[S,s(d,{fit:"contain",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",q,[I,s(d,{fit:"cover",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",P,[w,s(d,{fit:"none",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})]),a("div",j,[N,s(d,{fit:"scale-down",src:"https://avatars.githubusercontent.com/u/73180970?v=4"})])]),_:1})}const U=v(B,[["render",$],["__scopeId","data-v-57a98fd4"]]),c=e=>(h("data-v-9dc38bc2"),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(` `),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(` @@ -13,7 +13,7 @@ import{_ as v,A as r,o as h,x as _,y as o,v as a,C as s,K as u,L as m,d as b,c a `),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=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:"#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(` @@ -32,4 +32,4 @@ import{_ as v,A as r,o as h,x as _,y as o,v as a,C as s,K as u,L as m,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":1718863115000}'),na={name:"components/avatar.md"},da=b({...na,setup(e){const y=new URL("/assets/1.aa9c3858.jpg",self.location).href;return(d,i)=>{const l=r("f-avatar"),n=r("vp-demo"),f=r("f-text"),g=r("f-space");return h(),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(f,{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=v(da,[["__scopeId","data-v-c26545cd"]]);export{Fa as __pageData,ya as default}; +`),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":1718865452000}'),na={name:"components/avatar.md"},da=_({...na,setup(e){const y=new URL("/assets/1.aa9c3858.jpg",self.location).href;return(d,i)=>{const l=r("f-avatar"),n=r("vp-demo"),m=r("f-text"),f=r("f-space");return b(),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(f,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=v(da,[["__scopeId","data-v-9dc38bc2"]]);export{Fa as __pageData,ya as default}; diff --git a/assets/components_back-top.md.8e0a84aa.js b/assets/components_back-top.md.74cd8508.js similarity index 54% rename from assets/components_back-top.md.8e0a84aa.js rename to assets/components_back-top.md.74cd8508.js index 8400313d2..ba4929875 100644 --- a/assets/components_back-top.md.8e0a84aa.js +++ b/assets/components_back-top.md.74cd8508.js @@ -1,4 +1,4 @@ -import{F as v}from"./chunks/index.30bc576b.js";import{F as h}from"./chunks/index.bd178b65.js";import{d as b,c as D,C as o,y as e,v as a,M as i,A as p,o as F,a as t,b as y,F as u,J as B,K as m,L as g,t as _,_ as k}from"./chunks/framework.a8ebc9a3.js";const s=n=>(m("data-v-280fce19"),n=n(),g(),n),E=i('

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(` +import{F as v}from"./chunks/index.30bc576b.js";import{F as h}from"./chunks/index.bd178b65.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.a8ebc9a3.js";const s=n=>(f("data-v-474c0b82"),n=n(),g(),n),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(` @@ -25,21 +25,21 @@ import{F as v}from"./chunks/index.30bc576b.js";import{F as h}from"./chunks/index `),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=i('

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":1718863115000}'),O={name:"components/back-top.md"},W=b({...O,setup(n){return(X,j)=>{const l=p("f-back-top"),c=p("vp-demo"),r=p("f-svg-icon"),d=p("f-avatar");return F(),D("div",null,[E,o(l,null,{default:e(()=>[t("返回顶部")]),_:1}),o(c,{source:`返回顶部 -`},{default:e(()=>[C]),_:1}),A,x,o(l,{bottom:"90px",behavior:"auto"},{default:e(()=>[t("auto 模式")]),_:1}),o(l,{bottom:"140px",behavior:"smooth"},{default:e(()=>[t("smooth 模式")]),_:1}),o(c,{source:`auto 模式 +`),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":1718865452000}'),O={name:"components/back-top.md"},W=u({...O,setup(n){return(X,j)=>{const c=p("f-back-top"),e=p("vp-demo"),r=p("f-svg-icon"),d=p("f-avatar");return F(),D("div",null,[E,o(c,null,{default:l(()=>[t("返回顶部")]),_:1}),o(e,{source:`返回顶部 +`},{default:l(()=>[C]),_:1}),A,x,o(c,{bottom:"90px",behavior:"auto"},{default:l(()=>[t("auto 模式")]),_:1}),o(c,{bottom:"140px",behavior:"smooth"},{default:l(()=>[t("smooth 模式")]),_:1}),o(e,{source:`auto 模式 smooth 模式 -`},{default:e(()=>[I]),_:1}),S,q,o(l,{bottom:"190px",round:""},{default:e(()=>[o(r,{icon:y(v)},null,8,["icon"])]),_:1}),o(c,{source:` +`},{default:l(()=>[I]),_:1}),S,q,o(c,{bottom:"190px",round:""},{default:l(()=>[o(r,{icon:b(v)},null,8,["icon"])]),_:1}),o(e,{source:` + + @@ -18,7 +18,7 @@ - + @@ -31,56 +31,56 @@ -
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

- diff --git a/components/avatar-group.html b/components/avatar-group.html index a0ddb9c1f..3300ce871 100644 --- a/components/avatar-group.html +++ b/components/avatar-group.html @@ -5,8 +5,8 @@ Avatar Group 头像组 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -41,8 +41,8 @@ <f-avatar src="https://avatars.githubusercontent.com/u/117809217?v=4" /> <f-avatar src="https://avatars.githubusercontent.com/u/73180970?v=4" /> <f-avatar src="https://avatars.githubusercontent.com/u/117809217?v=4" /> -</f-avatar-group>
开启

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

- diff --git a/components/avatar.html b/components/avatar.html index 95dc4bf57..ebde393d2 100644 --- a/components/avatar.html +++ b/components/avatar.html @@ -5,8 +5,8 @@ Avatar 头像 | Fighting Design - - + + @@ -19,7 +19,7 @@ - + @@ -32,42 +32,42 @@ -
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

- diff --git a/components/back-top.html b/components/back-top.html index 89b6d7f52..19d138372 100644 --- a/components/back-top.html +++ b/components/back-top.html @@ -5,8 +5,8 @@ BackTop 返回顶部 | Fighting Design - - + + @@ -19,7 +19,7 @@ - + @@ -32,52 +32,52 @@ -
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

- diff --git a/components/badge.html b/components/badge.html index ab19def79..e0ad3fac2 100644 --- a/components/badge.html +++ b/components/badge.html @@ -5,8 +5,8 @@ Badge 角标 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,81 +30,81 @@ -
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

- diff --git a/components/box.html b/components/box.html index eaa1158da..c3c800cd2 100644 --- a/components/box.html +++ b/components/box.html @@ -5,8 +5,8 @@ Box 盒子 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,8 +30,8 @@ -
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

- diff --git a/components/breadcrumb.html b/components/breadcrumb.html index 4af918b02..6a0542e73 100644 --- a/components/breadcrumb.html +++ b/components/breadcrumb.html @@ -5,8 +5,8 @@ Breadcrumb 面包屑 | Fighting Design - - + + @@ -18,7 +18,7 @@ - + @@ -74,8 +74,8 @@ } from 'fighting-design'
ts
interface BreadcrumbItemTo {
   name: string
   query?: Object
-}

Contributors

- diff --git a/components/button.html b/components/button.html index a0c9f3152..25ceaeb2f 100644 --- a/components/button.html +++ b/components/button.html @@ -5,8 +5,8 @@ Button 按钮 | Fighting Design - - + + @@ -19,7 +19,7 @@ - + @@ -32,103 +32,103 @@ -
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

- diff --git a/components/calendar.html b/components/calendar.html index 8d147374d..a62a405b9 100644 --- a/components/calendar.html +++ b/components/calendar.html @@ -5,8 +5,8 @@ Calendar 日历 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -54,8 +54,8 @@ <script lang="ts" setup> const date = new Date() -</script>
开启

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

- diff --git a/components/card.html b/components/card.html index 9f4a01caf..b7d2a0d37 100644 --- a/components/card.html +++ b/components/card.html @@ -5,8 +5,8 @@ Card 卡片 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,17 +30,17 @@ -
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

- diff --git a/components/checkbox.html b/components/checkbox.html index 7a5d3b219..4b53a2a64 100644 --- a/components/checkbox.html +++ b/components/checkbox.html @@ -5,8 +5,8 @@ Checkbox 复选框 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -109,8 +109,8 @@ CheckboxGroupInstance, CheckboxGroupProps, CheckboxGroupChange -} from 'fighting-design'

CheckboxModelValue

ts
type CheckboxModelValue = boolean | 'true' | 'false'

CheckboxLabel

ts
type CheckboxLabel = string | number | boolean

CheckboxChange

ts
type CheckboxChange = (val: CheckboxLabelType) => void

CheckboxGroupChange

ts
type CheckboxGroupChange = (val: string[]) => void

Contributors

- diff --git a/components/close-btn.html b/components/close-btn.html index 28d18f675..2f3032d02 100644 --- a/components/close-btn.html +++ b/components/close-btn.html @@ -5,8 +5,8 @@ Close Btn 关闭按钮 | Fighting Design - - + + @@ -18,7 +18,7 @@ - + @@ -43,8 +43,8 @@ <template> <f-close-btn disabled :icon="FIconCross" /> -</template>
开启

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

- diff --git a/components/collapse-animation.html b/components/collapse-animation.html index e49bc8013..0dcbeaba4 100644 --- a/components/collapse-animation.html +++ b/components/collapse-animation.html @@ -5,8 +5,8 @@ Collapse Animation 折叠动画 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -61,8 +61,8 @@ import { ref } from 'vue' const isOpen2 = ref(true) -</script>
开启

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

- diff --git a/components/color.html b/components/color.html index a57c8169b..3636ca2f5 100644 --- a/components/color.html +++ b/components/color.html @@ -5,8 +5,8 @@ Color 色彩 | Fighting Design - - + + @@ -18,7 +18,7 @@ - + @@ -31,8 +31,8 @@ -
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

- diff --git a/components/confirm-box.html b/components/confirm-box.html index 06fb49244..36b9bae57 100644 --- a/components/confirm-box.html +++ b/components/confirm-box.html @@ -5,8 +5,8 @@ Confirm Box 确认框 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -82,8 +82,8 @@ } }) } -</script>
开启

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

- diff --git a/components/count-down.html b/components/count-down.html index 3b53bfea2..32c107f46 100644 --- a/components/count-down.html +++ b/components/count-down.html @@ -5,8 +5,8 @@ Count Down 倒计时 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -79,8 +79,8 @@ background-color: #087ed3; border-radius: 4px * 2; } -</style>
开启

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

- diff --git a/components/date-picker.html b/components/date-picker.html index c3fc5c18b..f9d1e59d0 100644 --- a/components/date-picker.html +++ b/components/date-picker.html @@ -5,8 +5,8 @@ Date Picker 日期选择器 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -38,8 +38,8 @@ import { ref } from 'vue' const value1 = ref('') -</script>
开启

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

- diff --git a/components/dialog.html b/components/dialog.html index 82e97a494..e3e868696 100644 --- a/components/dialog.html +++ b/components/dialog.html @@ -5,8 +5,8 @@ Dialog 对话框 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -102,8 +102,8 @@ const close = () => FMessage('关闭动画开始') const closeEnd = () => FMessage('关闭动画结束') -</script>
开启

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

- diff --git a/components/divider.html b/components/divider.html index 96c189f94..e7c6e6f91 100644 --- a/components/divider.html +++ b/components/divider.html @@ -5,8 +5,8 @@ Divider 分隔线 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -45,8 +45,8 @@ DividerProps, DividerPosition, DividerType -} from 'fighting-design'

DividerType

ts
type DividerType = 'dashed' | 'dotted' | 'double' | 'solid'

DividerPosition

ts
type DividerPosition = 'left' | 'center' | 'right'

样式变量

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

名称描述
--divider-type线的类型
--divider-color线条颜色
--divider-background背景颜色
--divider-font-color文字颜色
--divider-margin边距
--divider-height高度

Contributors

- diff --git a/components/drawer.html b/components/drawer.html index e4f34f6bc..3bdc7db9a 100644 --- a/components/drawer.html +++ b/components/drawer.html @@ -5,8 +5,8 @@ Drawer 抽屉 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -80,8 +80,8 @@ const visible2 = ref(false) const visible3 = ref(false) -</script>
开启

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

- diff --git a/components/dropdown.html b/components/dropdown.html index 8b2980209..72edc2764 100644 --- a/components/dropdown.html +++ b/components/dropdown.html @@ -5,8 +5,8 @@ Dropdown 下拉菜单 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -64,8 +64,8 @@ DropdownProps, DropdownItemInstance, DropdownItemProps -} from 'fighting-design'

Contributors

- diff --git a/components/empty.html b/components/empty.html index 2f4e15229..592981fcb 100644 --- a/components/empty.html +++ b/components/empty.html @@ -5,8 +5,8 @@ Empty 空状态 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,13 +30,13 @@ -
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

- diff --git a/components/expand-card.html b/components/expand-card.html index 0268908f0..f64072e71 100644 --- a/components/expand-card.html +++ b/components/expand-card.html @@ -5,8 +5,8 @@ Expand Card 折叠动效 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -91,8 +91,8 @@ evt: MouseEvent, index: number, item: ExpandCardImageListItem -) => void

样式变量

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

名称描述
--expand-card-height高度
--expand-card-width宽度
--expand-card-color文字颜色

Contributors

- diff --git a/components/fighting-global.html b/components/fighting-global.html index d1dcd999c..39e30f4dd 100644 --- a/components/fighting-global.html +++ b/components/fighting-global.html @@ -5,8 +5,8 @@ Fighting Global 全局配置 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -68,8 +68,8 @@ <f-fighting-global lang="en-US"> <f-empty /> -</f-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

- diff --git a/components/form.html b/components/form.html index b0e3acab4..7bbd2cd35 100644 --- a/components/form.html +++ b/components/form.html @@ -5,8 +5,8 @@ Form 表单 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -193,8 +193,8 @@ max?: number regExp?: RegExp validator?: () => boolean -}

FormItemRules

ts
type FormItemRules = FormItemRulesItem[]

LabelPosition

ts
type LabelPosition = 'left' | 'top'

Contributors

- diff --git a/components/image-preview.html b/components/image-preview.html index 0c16e22d8..00993d238 100644 --- a/components/image-preview.html +++ b/components/image-preview.html @@ -5,8 +5,8 @@ Image Preview 图片预览 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -60,8 +60,8 @@ 'https://raw.githubusercontent.com/Tyh2001/images/master/fighting-design/2.jpg', 'https://raw.githubusercontent.com/Tyh2001/images/master/fighting-design/3.jpg' ] -</script>
开启

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

- diff --git a/components/image.html b/components/image.html index cf824526a..e420962a0 100644 --- a/components/image.html +++ b/components/image.html @@ -5,8 +5,8 @@ Image 图片 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -86,8 +86,8 @@ src="https://abc.com/1.png" err-src="https://abc.com/1.png" alt="error" -/>
开启

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

- diff --git a/components/infinite-scrolling.html b/components/infinite-scrolling.html index de43a3d1a..093d81395 100644 --- a/components/infinite-scrolling.html +++ b/components/infinite-scrolling.html @@ -5,8 +5,8 @@ Infinite Scrolling 无限滚动 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -64,8 +64,8 @@ text-align: center; line-height: 40px; } -</style>
开启

Attributes

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

Interface

组件导出以下类型定义:

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

ScrollCallback

ts
type ScrollCallback = () => void

Contributors

- diff --git a/components/input-number.html b/components/input-number.html index 77b4a224b..53a516cac 100644 --- a/components/input-number.html +++ b/components/input-number.html @@ -5,8 +5,8 @@ Input Number 数字输入框 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,38 +30,38 @@ -
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

- diff --git a/components/input.html b/components/input.html index 089a0cc74..9da046189 100644 --- a/components/input.html +++ b/components/input.html @@ -5,8 +5,8 @@ Input 输入框 | Fighting Design - - + + @@ -18,7 +18,7 @@ - + @@ -100,8 +100,8 @@ import { ref } from 'vue' const value8 = ref('点我试试吧') -</script>
开启

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

- diff --git a/components/interface.html b/components/interface.html index bf3537f37..05c24fcc0 100644 --- a/components/interface.html +++ b/components/interface.html @@ -5,8 +5,8 @@ Interface 接口类型 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -32,8 +32,8 @@
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'
- diff --git a/components/layout.html b/components/layout.html index 5a0368e9a..a23cc1d5c 100644 --- a/components/layout.html +++ b/components/layout.html @@ -5,8 +5,8 @@ Layout 布局 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,111 +30,111 @@ -
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

- diff --git a/components/link.html b/components/link.html index f08ae8ffb..cc8398630 100644 --- a/components/link.html +++ b/components/link.html @@ -5,8 +5,8 @@ Link 链接 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,23 +30,23 @@ -
Skip to content
On this page
- diff --git a/components/list.html b/components/list.html index 2696eb56c..a1ee3cc4b 100644 --- a/components/list.html +++ b/components/list.html @@ -5,8 +5,8 @@ List 列表 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -71,8 +71,8 @@ ListProps, ListItemInstance, ListItemProps -} from 'fighting-design'

Contributors

- diff --git a/components/loading.html b/components/loading.html index 62b5c65a9..54f4104a4 100644 --- a/components/loading.html +++ b/components/loading.html @@ -5,8 +5,8 @@ Loading 加载 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -152,8 +152,8 @@ LoadingInstance, LoadingPropsType, LoadingElInterface -} from 'fighting-design'

Contributors

- diff --git a/components/menu.html b/components/menu.html index 8a90ed791..cb217dc00 100644 --- a/components/menu.html +++ b/components/menu.html @@ -5,8 +5,8 @@ Menu 导航菜单 | Fighting Design - - + + @@ -20,7 +20,7 @@ - + @@ -167,8 +167,8 @@ MenuItemGroupProps, SubmenuInstance, SubmenuProps -} from 'fighting-design'
ts
type MenuMode = 'horizontal' | 'vertical' | 'inline'
ts
type MenuItemClick = (name: string, evt: MouseEvent) => void
ts
type SubmenuClick = (target: boolean, evt: MouseEvent) => void

Contributors

- diff --git a/components/message.html b/components/message.html index f456406e0..2fce41c53 100644 --- a/components/message.html +++ b/components/message.html @@ -5,8 +5,8 @@ Message 消息提示 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -150,8 +150,8 @@ | 'top-right' | 'bottom' | 'bottom-left' - | 'bottom-right'

MessageClose

ts
type MessageClose = (evt?: MouseEvent) => void

Contributors

- diff --git a/components/notification.html b/components/notification.html index 146b2dedb..ad7b33699 100644 --- a/components/notification.html +++ b/components/notification.html @@ -5,8 +5,8 @@ Notification 通知 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -160,8 +160,8 @@ NotificationInstance, NotificationProps, NotificationPlacement -} from 'fighting-design'

NotificationPlacement

ts
type NotificationPlacement = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'

Contributors

- diff --git a/components/number-animate.html b/components/number-animate.html index dab905ad7..aa007257e 100644 --- a/components/number-animate.html +++ b/components/number-animate.html @@ -5,8 +5,8 @@ Number Animate 数字动画 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -48,8 +48,8 @@ NumberAnimateInstance, NumberAnimateProps, AnimationEnd -} from 'fighting-design'

AnimationEnd

ts
type AnimationEnd = (elapsed: number) => void

Contributors

- diff --git a/components/page-header.html b/components/page-header.html index 1c6bdceac..93c41b997 100644 --- a/components/page-header.html +++ b/components/page-header.html @@ -5,8 +5,8 @@ Page Header 页头 | Fighting Design - - + + @@ -18,7 +18,7 @@ - + @@ -49,8 +49,8 @@ import { FIconReply } from '@fighting-design/fighting-icon' </script>
开启

副标题

subtitle 可以配置带有副标题

返回
标题
副标题
开启

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

- diff --git a/components/pagination.html b/components/pagination.html index 35701f88c..209a69695 100644 --- a/components/pagination.html +++ b/components/pagination.html @@ -5,8 +5,8 @@ Pagination 分页器 | Fighting Design - - + + @@ -19,7 +19,7 @@ - + @@ -105,8 +105,8 @@ PaginationInstance, PaginationProps, PaginationEvent -} from 'fighting-design'

PaginationEvent

ts
type PaginationEvent = (current: number, pageSize: number, evt: MouseEvent) => void

Contributors

- diff --git a/components/progress.html b/components/progress.html index 89e662b51..ed1faf320 100644 --- a/components/progress.html +++ b/components/progress.html @@ -5,8 +5,8 @@ Progress 进度条 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,71 +30,71 @@ -
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

- diff --git a/components/radio.html b/components/radio.html index 6d7b5358f..67c818f90 100644 --- a/components/radio.html +++ b/components/radio.html @@ -5,8 +5,8 @@ Radio 单选框 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -127,8 +127,8 @@ RadioGroundProps, RadioModelValue, RadioChange -} from 'fighting-design'

RadioModelValue

ts
type RadioModelValue = string | number | boolean

RadioChange

ts
type RadioChange = (value: RadioModelValue) => void

Contributors

- diff --git a/components/rate.html b/components/rate.html index 0ba4e8767..ff91f4997 100644 --- a/components/rate.html +++ b/components/rate.html @@ -5,8 +5,8 @@ Rate 评分 | Fighting Design - - + + @@ -18,7 +18,7 @@ - + @@ -64,8 +64,8 @@ import { ref } from 'vue' const value4 = ref(4) -</script>
开启

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

- diff --git a/components/ripple.html b/components/ripple.html index 209b6d35e..2cc1c3718 100644 --- a/components/ripple.html +++ b/components/ripple.html @@ -5,8 +5,8 @@ Ripple 涟漪 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,99 +30,99 @@ -
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

- diff --git a/components/select.html b/components/select.html index 1903a5dca..ea1c53e74 100644 --- a/components/select.html +++ b/components/select.html @@ -5,8 +5,8 @@ Select 选择器 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -185,8 +185,8 @@ ) => void

SelectBeforeChange

ts
type SelectBeforeChange = (
   value: SelectModelValue,
   label: SelectModelValue
-) => Promise<boolean>

Contributors

- diff --git a/components/skeleton.html b/components/skeleton.html index 3fbccaf28..1cda3ee33 100644 --- a/components/skeleton.html +++ b/components/skeleton.html @@ -5,8 +5,8 @@ Skeleton 骨架屏 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -62,8 +62,8 @@ loading.value = false }, 3000) } -</script>
开启

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

- diff --git a/components/slider.html b/components/slider.html index b5edc6771..1566e16e2 100644 --- a/components/slider.html +++ b/components/slider.html @@ -5,8 +5,8 @@ Slider 滑动输入条 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -65,8 +65,8 @@ import { ref } from 'vue' const value4 = ref(70) -</script>
开启

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

- diff --git a/components/space.html b/components/space.html index 66c7604aa..906635c30 100644 --- a/components/space.html +++ b/components/space.html @@ -5,8 +5,8 @@ Space 间距 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -64,8 +64,8 @@ <f-button type="primary">主要按钮</f-button> <f-button type="success">成功按钮</f-button> <f-button type="danger">危险按钮</f-button> -</f-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

- diff --git a/components/sticky-card.html b/components/sticky-card.html index ba7dab275..dd31e6c6b 100644 --- a/components/sticky-card.html +++ b/components/sticky-card.html @@ -5,8 +5,8 @@ StickyCard 粘性卡片 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -70,8 +70,8 @@ import { ref } from 'vue' const open2 = ref(false) -</script>
开启

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

- diff --git a/components/svg-icon.html b/components/svg-icon.html index 67df8b3d3..9142614f0 100644 --- a/components/svg-icon.html +++ b/components/svg-icon.html @@ -5,8 +5,8 @@ Svg Icon 图标 | Fighting Design - - + + @@ -32,7 +32,7 @@ - + @@ -66,8 +66,8 @@ <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

- diff --git a/components/swap.html b/components/swap.html index 8671be5e1..ffd6c9e31 100644 --- a/components/swap.html +++ b/components/swap.html @@ -5,8 +5,8 @@ Swap 切换 | Fighting Design - - + + @@ -19,7 +19,7 @@ - + @@ -32,65 +32,65 @@ -
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

- diff --git a/components/switch.html b/components/switch.html index a6e938fc1..5007d0977 100644 --- a/components/switch.html +++ b/components/switch.html @@ -5,8 +5,8 @@ Switch 开关 | Fighting Design - - + + @@ -18,7 +18,7 @@ - + @@ -31,82 +31,82 @@ -
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

- diff --git a/components/table.html b/components/table.html index c52c632f4..4bfe150f8 100644 --- a/components/table.html +++ b/components/table.html @@ -5,8 +5,8 @@ Table 表格 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -599,8 +599,8 @@ row: Record<string, any>, column: TableColumns, index: number -) => TableRenderReturn

TableSelect

ts
type TableSelect = (value: TableData) => void

Contributors

- diff --git a/components/tabs.html b/components/tabs.html index 27f3501ea..d212bf2b2 100644 --- a/components/tabs.html +++ b/components/tabs.html @@ -5,8 +5,8 @@ Tabs 标签页 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -202,8 +202,8 @@ | 'flex-end' | 'space-between' | 'space-around' - | 'space-evenly'

TabsTrigger

ts
type TabsTrigger = 'hover' | 'click'

Tabs Methods

参数说明
activeName当前选中的值

Contributors

- diff --git a/components/tag.html b/components/tag.html index 188015abb..26c2eee2f 100644 --- a/components/tag.html +++ b/components/tag.html @@ -5,8 +5,8 @@ Tag 标签 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,32 +30,32 @@ -
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

- diff --git a/components/text.html b/components/text.html index dc54a0620..6ba1fcdee 100644 --- a/components/text.html +++ b/components/text.html @@ -5,8 +5,8 @@ Text 文字 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,35 +30,35 @@ -
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

- diff --git a/components/textarea.html b/components/textarea.html index b1c251b53..e75dc4659 100644 --- a/components/textarea.html +++ b/components/textarea.html @@ -5,8 +5,8 @@ Textarea 文本域 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -76,8 +76,8 @@ const value6 = ref('both 随意拉伸') const value7 = ref('horizontal 水平拉伸') const value8 = ref('vertical 垂直拉伸') -</script>
开启

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

- diff --git a/components/time-picker.html b/components/time-picker.html index 7fa298a93..7f59e8a40 100644 --- a/components/time-picker.html +++ b/components/time-picker.html @@ -5,8 +5,8 @@ Time Picker 时间选择器 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -29,7 +29,7 @@ - +
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

- diff --git a/components/toolbar.html b/components/toolbar.html index 40a8ac7e9..0b8f0b324 100644 --- a/components/toolbar.html +++ b/components/toolbar.html @@ -5,8 +5,8 @@ Toolbar 工具栏 | Fighting Design - - + + @@ -20,7 +20,7 @@ - + @@ -33,58 +33,58 @@ -
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

- diff --git a/components/tooltip.html b/components/tooltip.html index 1e1ad0583..2293672d1 100644 --- a/components/tooltip.html +++ b/components/tooltip.html @@ -5,8 +5,8 @@ Tooltip 消息提示 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,43 +30,43 @@ -
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

- diff --git a/components/tree.html b/components/tree.html index 3d33a561e..c28e1d639 100644 --- a/components/tree.html +++ b/components/tree.html @@ -5,8 +5,8 @@ Tree 树 | Fighting Design - - + + @@ -18,7 +18,7 @@ - + @@ -321,8 +321,8 @@ value?: number | string disabled?: boolean children?: TreeItemModel[] -}

Contributors

- diff --git a/components/trigger.html b/components/trigger.html index 978883c32..1ea5c1e68 100644 --- a/components/trigger.html +++ b/components/trigger.html @@ -5,8 +5,8 @@ Trigger 触发器 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -70,8 +70,8 @@ <template #content> <f-empty content="在这里,后续提供更多服务" /> </template> -</f-trigger>
开启

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

- diff --git a/components/up-load.html b/components/up-load.html index d97e74d7e..c14a371b0 100644 --- a/components/up-load.html +++ b/components/up-load.html @@ -5,8 +5,8 @@ Up Load 文件上传 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,7 +30,8 @@ -
Skip to content
On this page

Up Load 文件上传

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

基本使用

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

- diff --git a/docs/import.html b/docs/import.html index 25ceda07d..9fd8aaa56 100644 --- a/docs/import.html +++ b/docs/import.html @@ -5,8 +5,8 @@ 快速上手 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -92,8 +92,8 @@ app.use(FightingDesign.default) app.mount('#app') </script> -</body> - diff --git a/docs/install.html b/docs/install.html index b0949fd2d..a744e5e98 100644 --- a/docs/install.html +++ b/docs/install.html @@ -5,8 +5,8 @@ 安装 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,8 +30,8 @@ -
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
- diff --git a/docs/introduce.html b/docs/introduce.html index dabfae91a..c5ea48526 100644 --- a/docs/introduce.html +++ b/docs/introduce.html @@ -5,8 +5,8 @@ Fighting Design | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,8 +30,8 @@ -
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

- diff --git a/docs/join.html b/docs/join.html index 1147efbd0..ec7733536 100644 --- a/docs/join.html +++ b/docs/join.html @@ -5,8 +5,8 @@ 加入我们 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,8 +30,8 @@ -
Skip to content
On this page

加入我们

微信

添加微信请备注 Github 用户名

加微信邀请入 Fighting Design 社区讨论

社区组织

- diff --git a/docs/milepost.html b/docs/milepost.html index f31e29d80..05a2d1b2d 100644 --- a/docs/milepost.html +++ b/docs/milepost.html @@ -5,8 +5,8 @@ 里程碑 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,8 +30,8 @@ -
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 诞生!

- diff --git a/hashmap.json b/hashmap.json index c472f238a..da7c5d5b3 100644 --- a/hashmap.json +++ b/hashmap.json @@ -1 +1 @@ -{"components_alert.md":"0da9bf0f","readme.md":"3a97905a","components_box.md":"4ac10d62","components_textarea.md":"2195a6af","components_time-picker.md":"63257eba","components_toolbar.md":"c9f4dd08","components_color.md":"603a5849","components_tag.md":"9e4fbc6e","components_breadcrumb.md":"61d44f28","components_switch.md":"744a03ed","components_tooltip.md":"39c27d4f","components_text.md":"38b2f441","components_card.md":"f61b30a5","components_avatar.md":"1fa97693","components_collapse-animation.md":"03eedd92","components_checkbox.md":"95dc2a1f","components_space.md":"eb15e270","components_badge.md":"5bce7fa6","components_avatar-group.md":"e5ad6af5","components_table.md":"23098772","components_back-top.md":"8e0a84aa","components_date-picker.md":"acd589da","components_button.md":"6ee5e61e","components_calendar.md":"633159a0","components_dialog.md":"4d65a2b8","components_close-btn.md":"3b70a24e","components_divider.md":"41dabf3e","components_drawer.md":"118aebdc","components_empty.md":"da7caebc","components_expand-card.md":"2a5355b4","components_fighting-global.md":"74327b78","components_image-preview.md":"cff057f0","components_infinite-scrolling.md":"f408a0d6","components_image.md":"390c6c04","components_form.md":"14988211","components_dropdown.md":"ea146087","components_input-number.md":"7a301aae","components_interface.md":"0516e6a4","components_layout.md":"55567f3b","docs_contributing.md":"7e284405","components_tree.md":"f70cc861","index.md":"3838ea63","docs_join.md":"85f7592d","docs_milepost.md":"7c609b9c","docs_introduce.md":"f865f20a","docs_install.md":"2ad93482","docs_import.md":"c6efaba0","components_up-load.md":"93e8f0d7","components_trigger.md":"fc6b5c2a","components_link.md":"95fedd9d","components_loading.md":"38e99090","components_list.md":"cd027272","components_menu.md":"b9225a0b","theme_start.md":"d84a8b9a","components_watermark.md":"36bd276c","docs_changelog.md":"2e142a77","components_notification.md":"95e371e9","components_rate.md":"1f29dbaf","components_progress.md":"e2bd2265","components_ripple.md":"53b17b9e","components_radio.md":"7220b6ca","components_sticky-card.md":"d4f79b29","components_page-header.md":"db6fff0c","components_count-down.md":"d4badeb3","components_skeleton.md":"6df8ab71","components_swap.md":"1e28086e","components_input.md":"4ffbfd57","components_pagination.md":"ecf14dde","components_number-animate.md":"12b50156","components_message.md":"59013e94","components_select.md":"b899c447","components_confirm-box.md":"080328f2","components_slider.md":"2fa519d8","components_tabs.md":"f3541899","components_svg-icon.md":"f516773a"} +{"readme.md":"b43e401d","components_box.md":"7135bfc3","components_back-top.md":"74cd8508","components_breadcrumb.md":"18a9e4f1","components_avatar-group.md":"e6bfd375","components_textarea.md":"fc40893b","components_collapse-animation.md":"4736bc1a","components_divider.md":"d827f55e","components_count-down.md":"eba9ddbb","components_image.md":"07af6ee2","components_date-picker.md":"e59d4b15","components_trigger.md":"329759fd","components_badge.md":"d81626d6","components_avatar.md":"665bcf5a","components_drawer.md":"e4a55c73","components_close-btn.md":"5635d1cd","components_fighting-global.md":"2de14482","components_infinite-scrolling.md":"694f16c8","components_interface.md":"dda9fe64","components_input-number.md":"56d0c38a","components_tag.md":"1fc0f686","components_text.md":"3645b2aa","components_time-picker.md":"95de3a63","components_up-load.md":"bb1906f8","docs_changelog.md":"352b3e7f","docs_contributing.md":"627f2ab2","docs_import.md":"e49cdc50","docs_milepost.md":"32824203","components_empty.md":"377e4aa4","components_alert.md":"b274b202","theme_start.md":"72b3d72d","components_tooltip.md":"153f4a0e","components_checkbox.md":"ede4c510","components_calendar.md":"1908d4f2","components_menu.md":"102dc809","components_notification.md":"523e8c97","components_number-animate.md":"e3da13a5","components_page-header.md":"6cbce855","components_toolbar.md":"6cc37262","components_tree.md":"27ff0e96","components_expand-card.md":"8084b883","docs_install.md":"2f0bfcce","components_progress.md":"b45a38a6","docs_join.md":"32578a21","components_link.md":"5a0d0640","components_skeleton.md":"ca72f67c","components_pagination.md":"4c8a1cc8","components_list.md":"51ef2be6","components_radio.md":"c05f5df6","components_dropdown.md":"18c70a5a","components_input.md":"d92b24b4","components_message.md":"530d9bda","components_card.md":"4e32a85a","components_ripple.md":"4c7b9fc1","components_color.md":"ecfa9ec6","docs_introduce.md":"5d5274cb","components_swap.md":"9bf3ec4e","components_switch.md":"e3b7fddc","components_confirm-box.md":"da9d4a18","components_layout.md":"0de9b476","components_svg-icon.md":"f607f1c8","components_rate.md":"2c14a44d","components_sticky-card.md":"1420ce20","components_tabs.md":"267a678b","components_select.md":"ea372860","index.md":"7e371f72","components_dialog.md":"f550bd5f","components_watermark.md":"1a93f88d","components_button.md":"cfb3c6a2","components_slider.md":"0a853f64","components_space.md":"6279683d","components_loading.md":"4929b97f","components_image-preview.md":"230dfe01","components_table.md":"9be30452","components_form.md":"5b52e2a1"} diff --git a/index.html b/index.html index 620bb3cda..9d8256747 100644 --- a/index.html +++ b/index.html @@ -5,8 +5,8 @@ Fighting Design | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -31,7 +31,7 @@
Skip to content

Fighting Design

可在 vue3 应用程序中快速构建交互界面,看起来还不错。

🌈 Fighting Design 是一款灵活、优质的组件库,为开发者准备。希望开发者可以借用其中的设计,在不久的将来,孕育出更高阶的组件库。

开始使用

贡献者

加入其中
- diff --git a/theme/start.html b/theme/start.html index a97b7bc9d..7fa47f21d 100644 --- a/theme/start.html +++ b/theme/start.html @@ -5,8 +5,8 @@ 自定义主题 | Fighting Design - - + + @@ -17,7 +17,7 @@ - + @@ -30,8 +30,8 @@ -
Skip to content
On this page

自定义主题

第一步

文档马上更新……

最后更新时间:

-